Driftwood Ridge color palette — #FDF3F0 · #C0EDD6 · #A67A6D · #5C3D34 · #241815

Mocha and Mint set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FDF3F0): bright and airy, almost weightless.
• Mint (#C0EDD6): A whisper-light, dusty teal — the color of shallow lagoons.
• Mocha (#A67A6D): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#5C3D34): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#241815): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Driftwood Ridge 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

• Bronze Ridge color palette (#FCF4E5, #E2E5AF, #837640, #3B3831, #140F05)
• Taupe Workshop color palette (#FAF3F8, #C9E7CF, #C39088, #7E6379, #332731)
• Antique Atelier color palette (#FBEFEA, #D7C092, #8E4B43, #541E00, #1C110C)
• Dusty Marigold Veranda color palette (#F9ECDA, #C99A0E, #4E3700, #1D2723, #0C0600)
• Weathered Taupe color palette (#FCF3F0, #E4D9D3, #7ABFA7, #C98488, #1A2114)
• Patina Veranda color palette (#FCF4E8, #C7AD74, #819A62, #5F709C, #2B2015)
• Timeworn Shell color palette (#FFF2ED, #FAACA4, #76B9D4, #588A9E, #561D00)
• Dusty Cocoa color palette (#FFF3E5, #FFD1BE, #9CA976, #6A6F97, #593700)

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