Dusty Pine color palette — #FCF4E8 · #B4B191 · #428360 · #764D4C · #4B4300
Fern and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Sage (#B4B191): A luminous, dusty green — the color of fresh herbs.
- Fern (#428360): A full-bodied, balanced teal — the color of glacier melt.
- Coffee (#764D4C): A full-bodied, dusty orange — the color of autumn markets.
- Deep Olive (#4B4300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Fern Lantern color palette (#F7F5EC, #ABB494, #428079, #336459, #3D4900)
- Washed Driftwood Villa color palette (#FCF4EB, #C9C0A5, #82873F, #7A5B6B, #5E4B00)
- Softworn Cypress Archive color palette (#FAF5E6, #83A680, #007362, #5E3D62, #35362F)
- Wandering Pine color palette (#E6F6F1, #8FBEB9, #238864, #455670, #122C2A)
- Cobalt Boulevard color palette (#FFF1F2, #E4DAC8, #D2C199, #7B6AAB, #60443C)
- Dusty Cypress color palette (#FAF4F0, #C9E4D5, #6A8DB5, #007360, #5D3B51)
- Softworn Mulberry color palette (#FFF1F2, #C28BB2, #269E89, #9A3A84, #004E42)
- Ancient Celadon color palette (#EEF8F1, #C0E1A8, #84BAA3, #958BA3, #2B4943)
Browse the whole catalog at Explore, or see today's palette.