Driftwood Courtyard color palette — #F0F7F3 · #D3DCDE · #ABAAB8 · #888459 · #4D5550

Mocha takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D3DCDE): bright and airy, almost weightless.
• Ash (#ABAAB8): soft and architectural.
• Mocha (#888459): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#4D5550): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Patina Driftwood color palette (#F3F2EB, #D4D8D1, #A5B4AE, #858754, #39362C)
• Aged Lagoon Basin color palette (#EFF8F0, #A7CABA, #578D83, #576C59, #3F5249)
• Abyss Drift color palette (#D2E3E3, #AABDC1, #7C929D, #005232, #0C2424)
• Lagoon Veranda color palette (#FFF1F6, #AFAA73, #4A8569, #595477, #304F47)
• Wandering Spruce Workshop color palette (#E0EFE8, #8B9F9C, #51787C, #2A2E00, #000D07)
• Patina Cypress color palette (#E9F8FC, #C1D6E2, #92A9C1, #006865, #133941)
• Softworn Taupe color palette (#EBF9F1, #A79852, #3D7A8B, #6F4261, #4C3A57)
• Patina Garden color palette (#E3F7F2, #65894E, #2D4142, #1D2C29, #0E1717)

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