Driftwood Courtyard color palette — #FFF3E8 · #D9D5BE · #A0AC99 · #937770 · #5F4B46
Mocha and Oat set the tone — five colors that lean into sophistication.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Oat (#D9D5BE): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A0AC99): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#937770): A full-bodied, dusty orange — the color of autumn markets.
- Charcoal Brown (#5F4B46): A full-bodied, dusty orange — the color of sun-warmed clay.
Feels like: Sophistication. Tagged vintage, retro, 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
- Washed Balcony color palette (#FCF4EB, #DAD1B5, #87A582, #A17239, #5E4B00)
- Weathered Stone color palette (#F9F6E0, #D7E0C2, #B0C6AA, #AB919B, #664B4E)
- Weathered Ash color palette (#E7FAF3, #AECDCA, #71969F, #6B6F84, #554E63)
- Blush Alley color palette (#F0F9E5, #79C3A4, #D88B99, #B57B68, #41443D)
- Weathered Straw Lagoon color palette (#F1F0AC, #92CBB2, #76A693, #8E625E, #693E4F)
- Tempered Pier color palette (#F0EFCB, #7AB49F, #5586A2, #805251, #60230A)
- Dusty Grove color palette (#FFF5D2, #B0D3A2, #62AB87, #33847E, #395A43)
- Muted Lagoon color palette (#F1F8ED, #94D3C3, #D39EC0, #31A18A, #664243)
Browse the whole catalog at Explore, or see today's palette.