Worn Driftwood Ridge color palette — #FFF2EF · #D898A1 · #B86F73 · #874B48 · #554D4A

Built around Mocha, softened by Coffee — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rosewood Mist (#D898A1): A luminous, dusty red — the color of a theater curtain.
• Mocha (#B86F73): A luminous, balanced red — the color of embers at dusk.
• Coffee (#874B48): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal Brown (#554D4A): quiet, heavy and certain.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Worn 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

• Weathered Boulevard color palette (#F5EFFF, #E7B0C3, #D2808B, #B2604B, #694757)
• Muted Archive color palette (#FFEAE0, #DFA28B, #AB7051, #875636, #714101)
• Worn Terracotta color palette (#FFE0E2, #E0A6BA, #B86C78, #914733, #39332E)
• Hushed Fern Courtyard color palette (#FFF2ED, #D7A09D, #91A06C, #9D5E5C, #584E00)
• Washed Coast color palette (#FFF2EC, #CC8175, #988950, #8D6790, #6A2F0E)
• Aged Bronze color palette (#FCDACC, #D48651, #A65C00, #714200, #403A00)
• Softworn Ember color palette (#FDE7E1, #DB6738, #9D4300, #5F2D00, #412200)
• Quiet Field color palette (#F7D8C4, #AA6100, #6E4300, #3F2900, #191C00)

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