Color tool

Free website color palette builder.

Pick a practical website palette, preview common sections, and export CSS variables or JSON.

PrimaryAccentBackgroundSurfaceTextBorder

Palette preview

A clean page section with clear actions.

Use this palette for hero sections, cards, buttons, forms, and content blocks.

Primary actionAccent action

:root {
  --color-primary: #2563EB;
  --color-accent: #10B981;
  --color-background: #F8FAFC;
  --color-surface: #FFFFFF;
  --color-text: #111827;
  --color-border: #D7DEE8;
}

Free website color palette builder.

Trust blue

Local green

Restaurant red

Graphite studio

A clean page section with clear actions.