Hazy Study color palette — #E3F7EF · #A3AA6F · #9380C4 · #646B00 · #2B1D47

A conversation between Olive and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Cream (#E3F7EF): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A3AA6F): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#9380C4): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#646B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#2B1D47): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Iris Coast color palette (#E4FCF2, #9DA760, #877BD1, #646C00, #413C64)
• Olive Villa color palette (#E4F7F3, #8DAF81, #B574A3, #317700, #3B1933)
• Pale Azure color palette (#FDEDF3, #C79973, #5690D5, #945100, #08274A)
• Airy Meadow color palette (#F9F5E7, #B5C06E, #B29BF6, #778100, #593647)
• Indigo Canyon color palette (#D5FBF9, #5B9E78, #567DC9, #6B56BD, #002424)
• Dusty Garnet Chapel color palette (#FDECF6, #9CB39A, #9A6652, #763342, #0F291C)
• Plum Veranda color palette (#D1FCFC, #2BC48B, #C13873, #006C49, #420020)
• Hazy Grove color palette (#D6F3EB, #72A823, #9C13A7, #375700, #29002C)

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