Hazy Violet color palette — #FFF4DA · #DCC027 · #9A6BF0 · #7C60B7 · #38150E

A conversation between Amethyst and Saffron, giving this palette its sense of nature and growth.

The five colors

• Custard (#FFF4DA): A whisper-light, dusty gold — the color of old brass.
• Saffron (#DCC027): A luminous, balanced green — the color of new leaves after rain.
• Amethyst (#9A6BF0): A luminous, vivid violet — the color of wild irises.
• Cornflower Indigo (#7C60B7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#38150E): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Hazy Violet into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Lime Lagoon color palette (#F8F6E4, #ABC324, #A75DBF, #96558D, #2A160A)
• Mustard Harbor color palette (#FFF3E2, #F3AB2E, #0090D1, #5369B8, #3B1C19)
• Aged Chartreuse Lagoon color palette (#FAF7D4, #A2D823, #5F86F3, #A44EA2, #5F0509)
• Washed Sapphire color palette (#FEEAD6, #DB9720, #4D60E9, #A03842, #240D02)
• Chartreuse Workshop color palette (#FFF3E8, #B9CE00, #00B799, #9E5FA0, #213E18)
• Misty Mint Loft color palette (#F1F8E8, #3ED48F, #AA8FD9, #906A9F, #32271A)
• Washed Magenta Thicket color palette (#E1F6D9, #00B29D, #C43CEA, #A82BA6, #1A1700)
• Grape Meadow color palette (#E4E8D3, #29B151, #7242BB, #7A1679, #0D0400)

Browse the whole catalog at Explore, or see today's palette.