Dusty Pine color palette — #EDF8F2 · #8C8347 · #37754C · #444771 · #25362B
A conversation between Pine and Walnut, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EDF8F2): bright and airy, almost weightless.
- Walnut (#8C8347): A luminous, balanced green — the color of fresh herbs.
- Pine (#37754C): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#444771): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Forest (#25362B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, 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
- Dusty Coast color palette (#ECF8F8, #4F9675, #3E785C, #39507A, #46313A)
- Worn Bronze color palette (#F0F8F0, #A87639, #327969, #17574A, #363342)
- Tempered Pier color palette (#FFF1F6, #CA9E6E, #5D825B, #51567A, #364E40)
- Ancient Orchard color palette (#FCF2F7, #AB7659, #776220, #185678, #42303B)
- Olive Workshop color palette (#E6F7EE, #828131, #2B4141, #1E2C26, #111715)
- Navy Courtyard color palette (#F8F1E8, #A77A49, #0F7382, #45478A, #281510)
- Timeworn Courtyard color palette (#FFF0F9, #BF8973, #347C84, #6B4562, #473B5B)
- Quiet Aubergine color palette (#E3FDEA, #856900, #005D57, #610057, #2A2000)
Browse the whole catalog at Explore, or see today's palette.