Hazy Garden color palette — #E1E0D1 · #5F8800 · #005C20 · #003726 · #001F24

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

The five colors

• Bone (#E1E0D1): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#5F8800): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#005C20): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003726): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001F24): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Pine Villa color palette (#DAE4D6, #008A59, #00604D, #003334, #05192A)
• Muted Bronze color palette (#F4E5D0, #887100, #515200, #1C3700, #00230A)
• Softworn Harbor color palette (#F2E9D2, #8B9400, #007823, #004637, #002A28)
• Aubergine Loft color palette (#C6EBE9, #219251, #7A0085, #004621, #300034)
• Soft Wisteria Meadow color palette (#F2E4D7, #B883FF, #008651, #001C1A, #000909)
• Weathered Balcony color palette (#DEF7E5, #006D38, #800083, #6E004E, #001615)
• Washed Parlor color palette (#DDF0DB, #00B163, #007665, #004E4F, #13314B)
• Cerulean Corridor color palette (#D6F1EF, #5FD0BF, #0396BF, #474F00, #00292B)

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