Hazy Pine color palette — #BDE9DB · #008E52 · #005A4C · #00345E · #002C1C
Fern and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Mint (#BDE9DB): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#008E52): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#005A4C): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#00345E): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Forest (#002C1C): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Timeworn Loft color palette (#C7E7D8, #628500, #005E20, #003A47, #002B25)
- Softworn Lagoon color palette (#D7F7EE, #009D78, #006865, #1B3C7D, #0F373B)
- Navy Ridge color palette (#CCEFE7, #007766, #004649, #121266, #001B18)
- Gentle Aubergine color palette (#C2E7E3, #008793, #005570, #3F186C, #002837)
- Ancient Petrol Archive color palette (#E6F1EF, #8ABAC9, #007681, #005049, #00343E)
- Chalky Chapel color palette (#DFFCFC, #68C15D, #00AB77, #007368, #00281D)
- Gentle Olive color palette (#FBE5D8, #398F00, #005859, #4C0E3B, #001212)
- Washed Grove color palette (#F7D7C0, #4AAC00, #007879, #6A2F56, #002C19)
Browse the whole catalog at Explore, or see today's palette.