Dusty Pine Courtyard color palette — #F7F6EB · #B2B389 · #4C824E · #814A1D · #464500
A conversation between Fern and Coffee, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F6EB): a clean, paper-quiet neutral.
- Sage (#B2B389): A luminous, dusty green — the color of fresh herbs.
- Fern (#4C824E): A full-bodied, balanced green — the color of new leaves after rain.
- Coffee (#814A1D): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#464500): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Dusty Pine Courtyard 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
- Worn Dune color palette (#F4F6EF, #B6C8A3, #489081, #855D1B, #3C5717)
- Timeworn Coast color palette (#FBF5E4, #9FAB57, #567600, #724508, #3C3B34)
- Patina Pier color palette (#F6F2E6, #9EBF88, #498365, #6A4B53, #292916)
- Mustard Quarry color palette (#FFF3E6, #DCDDC9, #CABF77, #9D7352, #6E4700)
- Quiet Bronze Loft color palette (#FFF3E6, #DFAD7A, #9F6100, #613C00, #452A00)
- Wandering Fern color palette (#E9E5D1, #7E955B, #2C6400, #543700, #2D2A08)
- Patina Emerald Thicket color palette (#FFF3E3, #AB802B, #23933C, #9D4C55, #3C3731)
- Weathered Corridor color palette (#E7FBF0, #B3CEA3, #5E9F7D, #706E8B, #2F4843)
Browse the whole catalog at Explore, or see today's palette.