Hazy Pine color palette — #EBEEDB · #148043 · #00525B · #3F0323 · #12021B

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

The five colors

• Cream (#EBEEDB): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#148043): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00525B): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#3F0323): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#12021B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, muted.

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

• Patina Drift color palette (#E3F1E3, #007F77, #004D73, #431617, #160001)
• Olive Meadow color palette (#FCE0C9, #6F691D, #00573A, #2F0A3C, #0F0016)
• Washed Lagoon Lantern color palette (#DFF1E4, #21A284, #006E68, #3F2642, #040421)
• Inked Terrace color palette (#D6E7CD, #00713F, #004839, #001D1B, #000405)
• Garnet Station color palette (#D2F1EC, #00564D, #74003E, #5D0016, #000201)
• Hushed Mulberry Alley color palette (#D0F6FD, #006A60, #87004C, #00322C, #0A0003)
• Soft Meadow color palette (#E7F1DD, #30B993, #22788E, #653341, #480220)
• Navy Alley color palette (#D8F6F0, #417F9E, #48447F, #402D00, #1D1200)

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