Hazy Study color palette — #FFEDEB · #E56EA7 · #177F42 · #2C4E8A · #152A4F

Built around Bubblegum, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#FFEDEB): a clean, paper-quiet neutral.
• Bubblegum (#E56EA7): A luminous, balanced rose — the color of a warm blush.
• Olive (#177F42): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#2C4E8A): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#152A4F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Peony Delta color palette (#FFEDED, #D962B8, #00865F, #005B64, #003239)
• Coral Basin color palette (#FFEEE7, #EF5F5E, #008380, #304D8B, #192A4E)
• Washed Bronze color palette (#F8F2FF, #D889B4, #89760B, #005266, #360126)
• Dusty Crimson color palette (#FFE2D9, #D80047, #006153, #002F6F, #00102F)
• Softworn Harbor color palette (#FFE1CF, #E85600, #00787E, #591A9D, #30005C)
• Misty Basin color palette (#FFEFE0, #D77B00, #0079B3, #4B4588, #28254E)
• Hushed Azure color palette (#FFF2EE, #BBDFBF, #47A1C7, #407B52, #483148)
• Driftwood Market color palette (#FFCFE4, #D2AD91, #8D9162, #765B72, #543750)

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