Playful Color Palette Generator

Playful palettes use variety and brightness to make experiences feel approachable, social, and full of momentum.

Bright, varied colors that feel friendly, creative, and lively.

KeywordTry a brand, feeling, industry, place, or random phrase.SeedSame keyword, mood, and seed reproduce the palette.

Mood

Size

0 lockedUnlocked colors regenerate around locked anchors.

black text

Color 1

white text

Color 2

black text

Color 3

white text

Color 4

white text

Color 5

Contrast check

Compare any two palette colors and get WCAG-style guidance in plain language.

Pass AA normal text

ForegroundBackground

Readable sample text6.85:1

Normal text

AA 4.5:1

Pass

Large text

AA 3:1

Pass

UI components

3:1

Pass

Great for body text

Copy production-ready color tokens or download a labeled palette image.

:root {
  --color-1: #ebeaf6;
  --color-2: #553aee;
  --color-3: #7b7ee0;
  --color-4: #5617de;
  --color-5: #484de0;
}

Ready

Use these generated examples as starting points, then adjust the keyword, seed, and locked colors to match your brand or interface.

summer classroom

#585f74

confetti app

#363411

creative workshop

#362911