Hazy Pine color palette — #E3EABD · #077E1D · #0057A8 · #003C76 · #012804

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

The five colors

• Celadon Mist (#E3EABD): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#077E1D): A full-bodied, vivid green — the color of fresh herbs.
• Cobalt (#0057A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003C76): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#012804): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Dusty Bronze color palette (#F4E3BC, #786700, #005F8B, #004261, #261F00)
• Muted Boulevard color palette (#B9F2E7, #00796C, #4A41BA, #3500A9, #002621)
• Olive Cabin color palette (#FFDADE, #658C00, #005E64, #670045, #003219)
• Aubergine Grove color palette (#C5E7D8, #006B90, #2F4A7B, #59105D, #002116)
• Wandering Ultramarine Pier color palette (#D8F4E7, #6E7000, #1149D1, #62006A, #0B0C00)
• Frosted Lantern color palette (#EAE4D5, #5EA200, #007256, #004649, #002B41)
• Aubergine Pier color palette (#E5E8C5, #438D20, #5E00A9, #5A0056, #0A2700)
• Hazy Amber color palette (#F9F1E1, #AD8A00, #005A86, #574400, #001421)

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