Dusty Pine color palette — #D1E3DD · #008752 · #00574B · #002C53 · #000F08
A conversation between Fern and Midnight, giving this palette its sense of nature and growth.
The five colors
- Silver (#D1E3DD): A whisper-light, dusty teal — the color of sea glass.
- Fern (#008752): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00574B): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#002C53): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#000F08): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Dusty 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
- Washed Parlor color palette (#CAE7DA, #5D7F00, #005B21, #00313D, #040F00)
- Ancient Navy color palette (#CAEDE4, #00856E, #005657, #0E0C83, #000F0C)
- Muted Drift color palette (#D2E8E3, #67B0B1, #00747E, #004B43, #00171D)
- Timeworn Garden color palette (#FBD2D5, #5C8500, #004C53, #360026, #000201)
- Fern Thicket color palette (#FFE6D8, #296800, #003838, #310024, #000F06)
- Dusty Garden color palette (#C3EEEF, #00C746, #00A172, #00746D, #00140E)
- Navy Pier color palette (#D6F1E9, #009D9C, #006C7E, #313275, #21113D)
- Weathered Emerald Lagoon color palette (#FAEBCD, #2BA33B, #00786F, #661F81, #000F06)
Browse the whole catalog at Explore, or see today's palette.