Driftwood Ridge color palette — #F9EFEE · #DDD7CD · #ABB1A8 · #A17770 · #3B3433

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

The five colors

• Cream (#F9EFEE): a clean, paper-quiet neutral.
• Bone (#DDD7CD): a clean, paper-quiet neutral.
• Ash (#ABB1A8): soft and architectural.
• Mocha (#A17770): A luminous, dusty orange — the color of autumn markets.
• Espresso (#3B3433): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Timeworn Parlor color palette (#FAEFEB, #E0D9C0, #CCBE9E, #9A5353, #331F19)
• Timeworn Cocoa color palette (#F2E9E1, #BEB29A, #908F71, #693300, #140701)
• Patina Oat color palette (#FFEDED, #E8C3AC, #A29778, #58706A, #2F4A44)
• Ash Harbor color palette (#F8F3F9, #E1D7D9, #B9AFA8, #A992AF, #555057)
• Dusty Blush color palette (#F5F2E2, #DB91B8, #986E48, #305C4A, #392722)
• Lagoon Lantern color palette (#F5F2E8, #C0C8A1, #519086, #705B5D, #30322B)
• Weathered Onyx Archive color palette (#F0E6E3, #9C897B, #87641F, #53011B, #040000)
• Ancient Chestnut Hollow color palette (#F9F1E3, #D7D5BB, #A2B28B, #725700, #211808)

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