Hazy Pine color palette — #E6FBF4 · #7BB9EF · #83AC65 · #008764 · #012C24
A conversation between Fern and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6FBF4): A whisper-light, dusty teal — the color of sea glass.
- Sky (#7BB9EF): A luminous, balanced blue — the color of deep harbor water.
- Moss (#83AC65): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#008764): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#012C24): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, 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
- Moss Harbor color palette (#E9F9F5, #7CACE1, #709138, #007356, #041E11)
- Weathered Orchard color palette (#FEF1F8, #ACA9F1, #62AF96, #00828D, #311D29)
- Misty Lantern color palette (#ECFAEC, #65C4C6, #C29548, #717A00, #152B17)
- Muted Mint color palette (#FCF3EC, #E9B892, #8FBC8B, #48927B, #36302B)
- Soft Lilac Villa color palette (#FFF1F5, #B588D3, #009E9C, #00698C, #250C15)
- Gentle Forest Villa color palette (#FDF3EC, #EFA881, #9B8A38, #156F26, #003332)
- Dusty Bronze Summit color palette (#FFF1F2, #DC9AC6, #CF8D56, #847210, #361C1E)
- Timeworn Coast color palette (#FFF0FE, #478EFF, #009833, #006352, #000A26)
Browse the whole catalog at Explore, or see today's palette.