Hazy Study color palette — #F2F7EE · #8DFFD9 · #8098EF · #3F9D80 · #1B0D18

Lavender Blue and Sea Foam set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#F2F7EE): bright and airy, almost weightless.
• Sea Foam (#8DFFD9): A whisper-light, balanced teal — the color of shallow lagoons.
• Lavender Blue (#8098EF): A luminous, balanced violet — the color of a velvet chair.
• Fern (#3F9D80): A luminous, balanced teal — the color of glacier melt.
• Ink (#1B0D18): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Calm, Balance. Tagged duotone, 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

• Periwinkle Coast color palette (#F5F6EC, #BFF9A8, #5DA3E7, #6D985C, #041612)
• Patina Wisteria Workshop color palette (#EEF8EF, #93F9FF, #BD85CE, #009DA4, #1E0C11)
• Jade Harbor color palette (#F3F7ED, #ACE5C0, #C79BD7, #54B97F, #311D23)
• Timeworn Navy color palette (#D7FFF5, #7DF1FF, #57ABD3, #4E69A0, #2F1D5E)
• Pine Lantern color palette (#EBF4F4, #86C3A2, #7A68AB, #00784D, #0B0C1D)
• Teal Study color palette (#ECFAEB, #00C3BE, #B35F7A, #87465B, #1B1506)
• Wandering Villa color palette (#E1EFDB, #00A491, #6600B0, #00463D, #040001)
• Indigo Basin color palette (#E9FBE9, #00DFDE, #725DFF, #007B7A, #01000C)

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