Hazy Study color palette — #F1F4E0 · #83B283 · #AF74B7 · #037A1D · #361A3B

Olive takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F1F4E0): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#83B283): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#AF74B7): A luminous, balanced pink — the color of peonies in June.
• Olive (#037A1D): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#361A3B): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Olive Lantern color palette (#F7F2E2, #AAA76E, #9C7CC0, #6D6700, #2F1E40)
• Washed Peony color palette (#EAF6E3, #5FB6A2, #C66C91, #007663, #431429)
• Wandering Fuchsia color palette (#E8FAF7, #89CB87, #D88CDC, #418C41, #553556)
• Quiet Plum Pier color palette (#EEF5DF, #579F73, #9C69A5, #974D7F, #1B2106)
• Faded Terrace color palette (#F6F6E6, #84AF60, #D06647, #4B7325, #603529)
• Washed Summit color palette (#D4E6DD, #28AE81, #AF0078, #005B40, #2E001C)
• Sunlit Pier color palette (#E4F8E6, #00ADB4, #E13B52, #00686C, #44000D)
• Cocoa Quarry color palette (#FDEFE0, #BBA987, #8D6F4A, #703C24, #292204)

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