Color Palette Generator

designPopular

Harmonic color palette engine with Complementary, Triadic, Monochromatic harmonies, WCAG contrast scoring, and code export.

100% Client-Side — Processed privately & locally in your browser.

Base Color #7C3AED

#7C3AED

hsl(262, 83%, 58%)

WCAG White: 5.70:1Black: 3.69:1

#CAB0F8

hsl(262, 84%, 83%)

WCAG White: 1.90:1Black: 11.08:1

#ACED3B

hsl(82, 83%, 58%)

WCAG White: 1.41:1Black: 14.93:1

#76B110

hsl(82, 83%, 38%)

WCAG White: 2.60:1Black: 8.07:1

#E5F1D0

hsl(82, 54%, 88%)

WCAG White: 1.18:1Black: 17.82:1

:root {
  --color-1: #7C3AED;
  --color-2: #CAB0F8;
  --color-3: #ACED3B;
  --color-4: #76B110;
  --color-5: #E5F1D0;
}

No. All processing for this tool occurs directly within your web browser using Web APIs and WebAssembly. Your data never leaves your computer.

Once loaded, most utilities remain functional even if your connection drops. DevtUtils is designed to be lightweight and resilient.

Explore other handy tools in design

Convert between HEX, RGB, and HSL color formats.

Generate QR codes for URLs or text (works offline).

Check WCAG compliance for text and background color combinations.