Driftwood Ridge color palette — #FCEFE8 · #B66D5F · #705600 · #004C5C · #1F0A04

Built around Mocha, softened by Coffee — the whole palette hums with trust and stability.

The five colors

• Cream (#FCEFE8): bright and airy, almost weightless.
• Mocha (#B66D5F): A luminous, balanced orange — the color of toasted spice.
• Coffee (#705600): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#004C5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#1F0A04): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Washed Chestnut color palette (#F8F1E5, #95762B, #6F6208, #00436C, #1E0C01)
• Antique Terracotta color palette (#FCEEEC, #B06F82, #994720, #004947, #250909)
• Patina Terrace color palette (#FCF1DB, #BD89AC, #995928, #0D4586, #381811)
• Hazy Villa color palette (#FBE0CF, #A64000, #4D4B00, #002F5F, #100200)
• Muted Forest Veranda color palette (#FFF2EF, #AF4B67, #016D19, #00495B, #37232B)
• Worn Bronze color palette (#FEE6FF, #D69BA3, #AA5B42, #664500, #1F2300)
• Quiet Orchard color palette (#FBF2FB, #DE7180, #8E7400, #00649A, #342435)
• Aubergine Dune color palette (#FBF0E0, #936E00, #3C7014, #35008A, #160D00)

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