Color tool

Free website color palette builder.

Draft a palette, preview common sections, and export CSS or JSON. Check text and control contrast in the final Website before publishing.

InputDraftExport

PrimaryAccentBackgroundPanelTextBorder

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.