Driftwood Courtyard color palette — #F7EFF2 · #CCD5D8 · #99A1B0 · #A27958 · #3B3437

Built around Mocha, softened by Blue Fog — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F7EFF2): a clean, paper-quiet neutral.
• Silver (#CCD5D8): bright and airy, almost weightless.
• Blue Fog (#99A1B0): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#A27958): A luminous, dusty gold — the color of honey in a jar.
• Charcoal (#3B3437): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Wandering Courtyard color palette (#F5F0F5, #DED4D5, #C1B0A3, #927896, #3A343B)
• Wandering Olive Field color palette (#ECF4F1, #CEDBE0, #AFC0CE, #6B7D4B, #262E2C)
• Timeworn Ash Ridge color palette (#FFECF4, #B3CABA, #78A19E, #666479, #3F3D4E)
• Softworn Taupe Summit color palette (#FBF4EE, #DBDCD1, #A8B7AE, #AF9680, #57514D)
• Worn Onyx color palette (#F7E9ED, #7D9486, #48756A, #3D2300, #040001)
• Tempered Spruce Hollow color palette (#E6F0EE, #8FA5A5, #5C838D, #1B4100, #000604)
• Olive Drift color palette (#E9F6E9, #D69D76, #787E3C, #4C4C7B, #213122)
• Worn Orchard color palette (#F9EEF4, #CD8A63, #008478, #5D3D6B, #27233C)

Browse the whole catalog at Explore, or see today's palette.