Driftwood Courtyard color palette — #F7F1EA · #CFC2A4 · #8E853C · #566845 · #34312A
Built around Moss, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F1EA): a clean, paper-quiet neutral.
- Sand (#CFC2A4): A luminous, dusty gold — the color of old brass.
- Moss (#8E853C): A luminous, balanced green — the color of new leaves after rain.
- Olive (#566845): A full-bodied, dusty green — the color of new leaves after rain.
- Espresso (#34312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Driftwood 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
- Patina Olive color palette (#F9F0E8, #C0B196, #717B3C, #684964, #322509)
- Timeworn Hollow color palette (#F9F5EA, #C9C1A2, #788950, #676B22, #5B4C00)
- Softworn Forest color palette (#E4DECF, #80966C, #00663B, #004146, #0A1600)
- Eclipse Navy color palette (#EEE2D5, #75681F, #2C3D00, #110361, #040300)
- Hushed Villa color palette (#F0F8EF, #B5DCC5, #8FA56B, #5D8689, #3F5247)
- Washed Pine color palette (#FCF0DB, #9FB06F, #347D3E, #005857, #1D2400)
- Hushed Aubergine color palette (#F4E2C7, #979C35, #347611, #351A82, #171800)
- Tempered Cypress color palette (#F6F1EC, #C8E4E5, #7E9FC9, #007A7D, #462C3F)
Browse the whole catalog at Explore, or see today's palette.