Hazy Workshop color palette — #F0F5FF · #C5BF61 · #5461B0 · #2B3174 · #101A30

Built around Slate, softened by Gold — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Gold (#C5BF61): A luminous, balanced green — the color of new leaves after rain.
• Slate (#5461B0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#2B3174): A deep, shadowed, balanced violet — the color of wild irises.
• Midnight (#101A30): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged luxury, dark, cool.

Use it as a design system

One click turns Hazy Workshop 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

• Cobalt Lantern color palette (#EEF6FF, #F7A567, #006BBA, #003C6C, #0C1C2C)
• Pewter Workshop color palette (#F4F4FD, #B4CE9E, #826394, #50355F, #211F31)
• Feathered Sunflower color palette (#FFF0FB, #DBE25A, #4F62BA, #1F285C, #0E040C)
• Navy Grove color palette (#D8DEEF, #9EAE64, #4F4A90, #261663, #050821)
• Soft Iris Loft color palette (#F1F5FF, #FFBABD, #837CED, #55538F, #13192E)
• Antique Aubergine color palette (#E1E2F7, #71A163, #5A208A, #270044, #020012)
• Frosted Mulberry Delta color palette (#E8E0F5, #9AB856, #9B0083, #530045, #140724)
• Pale Nightshade color palette (#FFF0F9, #F07685, #402CA4, #21185A, #26141F)

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