Dusty Pine Harbor color palette — #E7DFB5 · #008F48 · #005A49 · #00365A · #002C1A
A conversation between Fern and Navy, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E7DFB5): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008F48): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#005A49): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#00365A): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Forest (#002C1A): 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 Dusty Pine Harbor 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
- Olive Balcony color palette (#EBDEB2, #668400, #005E1A, #003A46, #182A07)
- Weathered Lagoon Orchard color palette (#F3F1CF, #259C74, #006962, #183E78, #263619)
- Navy Basin color palette (#DCE5CE, #007C52, #004F5C, #081F77, #1C2300)
- Washed Aubergine color palette (#DCE2C1, #008792, #00556E, #3C1F67, #002A31)
- Washed Cypress Studio color palette (#EFF0E2, #7CBFBF, #007680, #005148, #00343E)
- Midnight Forest color palette (#E5F0D9, #00654A, #242D36, #0B2002, #050B00)
- Olive Hollow color palette (#F8EAE2, #5F8721, #005953, #560029, #001304)
- Tempered Clover color palette (#EDF9D8, #63C141, #00B26E, #007167, #00291E)
Browse the whole catalog at Explore, or see today's palette.