Hazy Pine color palette — #E5E0B4 · #008D60 · #005951 · #063264 · #002C20

Built around Fern, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#E5E0B4): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#008D60): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005951): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#063264): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Forest (#002C20): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged retro, 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

• Gentle Aubergine Thicket color palette (#DEE1C1, #00888A, #005668, #35206D, #0C2B15)
• Hushed Olive Workshop color palette (#E0E2B4, #568800, #005D2D, #00394A, #122B0A)
• Petrol Orchard color palette (#EEF0E5, #6BC0CD, #00758A, #00504F, #003343)
• Pine Dune color palette (#F5E6CE, #009051, #005858, #470C4C, #00130C)
• Pale Clover Hollow color palette (#EAF7DC, #42D363, #00A57A, #00746D, #002D23)
• Forest Dune color palette (#E8F1E3, #006354, #293039, #082006, #040C01)
• Hushed Emerald color palette (#C6E8CD, #21AD67, #007879, #662D69, #002C20)
• Shadow Onyx color palette (#DFF8DF, #00646F, #003549, #230042, #000E12)

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