Driftwood Courtyard color palette — #FFF2E9 · #DDE4CA · #9BD9BD · #B76A74 · #6C4B00

Mocha takes the lead with Bronze close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Celadon Mist (#DDE4CA): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#9BD9BD): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#B76A74): A luminous, balanced red — the color of embers at dusk.
• Bronze (#6C4B00): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Timeworn Quarry color palette (#FFF3E7, #DCDECA, #A5E2B3, #BD816E, #4D4842)
• Aged Quarry color palette (#FFF2EE, #E2DBC7, #C7C790, #8B679E, #793E1C)
• Bronze Coast color palette (#FFF5D8, #C3F4D8, #58D2EF, #A95F00, #274C21)
• Patina Studio color palette (#FFECF2, #C6E1F8, #C0D096, #A97159, #243525)
• Turquoise Studio color palette (#FDF3D6, #98CDB5, #00AAD1, #7F5200, #35362F)
• Tempered Brick color palette (#FFF1DA, #CCE0A7, #00C5AD, #AF3100, #413A00)
• Cocoa Balcony color palette (#FFF3E9, #B7A489, #956648, #7D3A3C, #3F3D36)
• Tempered Powder color palette (#FFF0F9, #C5EDFB, #96D1EB, #D9A4B5, #584048)

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