Hazy Forest color palette — #D5F7DD · #725600 · #0A4F09 · #003159 · #370016

A conversation between Deep Olive and Coffee, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D5F7DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Coffee (#725600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#0A4F09): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Navy (#003159): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#370016): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Soft Lantern color palette (#FFE7F5, #9B3900, #484C00, #00343D, #2D0323)
• Dusty Aubergine Lagoon color palette (#DFFBE9, #6C5A00, #004E41, #2B007B, #2B1100)
• Eclipse Onyx color palette (#D3EFEE, #00502A, #00383F, #30003D, #090400)
• Patina Navy color palette (#D8FFF4, #677C00, #006749, #112194, #3D0E0A)
• Faded Pine color palette (#E0FCF8, #277A2E, #005353, #401E6F, #311522)
• Softworn Nightshade color palette (#FAE1B5, #CB5200, #5C5300, #1D1A99, #3D2200)
• Chestnut Thicket color palette (#F8E9D1, #775200, #1E2100, #150B00, #050100)
• Amber Corridor color palette (#ECDAD8, #DB7400, #775400, #443F00, #163100)

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