Driftwood Courtyard color palette — #FCF2F9 · #B7DCBE · #A06F66 · #5C4556 · #322730

A conversation between Mocha and Celadon Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Celadon Mist (#B7DCBE): A whisper-light, dusty teal — the color of glacier melt.
• Mocha (#A06F66): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#5C4556): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#322730): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Cocoa Coast color palette (#FEF3ED, #CBDECC, #B57164, #6E3312, #231813)
• Tempered Oat color palette (#F0F7F0, #B8DCBF, #69866B, #3E5340, #232F24)
• Washed Coral color palette (#FCF3F0, #E6E0B4, #D18787, #856459, #342825)
• Antique Pewter Station color palette (#FAF2FA, #A0CBBD, #6F536E, #482E47, #301F25)
• Washed Amber color palette (#FAF3F7, #FCC2A8, #9EA061, #C17755, #22322B)
• Tempered Taupe color palette (#FBF2F5, #CFD9DB, #A5A5AF, #B69474, #595053)
• Patina Amber Terrace color palette (#DBF1E0, #B48C2B, #584100, #241900, #000401)
• Apricot Parlor color palette (#FDF1F9, #DE9680, #68A9A4, #587DA8, #473842)

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