Patina Driftwood color palette — #FFF1F8 · #CEEDE4 · #C7A2B6 · #9C6B70 · #2F453A

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

The five colors

• Ivory (#FFF1F8): bright and airy, almost weightless.
• Honeydew (#CEEDE4): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#C7A2B6): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#9C6B70): A full-bodied, dusty red — the color of embers at dusk.
• Forest (#2F453A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Driftwood Ridge color palette (#EEF8F1, #C1E5E9, #BAAE82, #977152, #2A4543)
• Tempered Driftwood Corridor color palette (#FCEDF5, #DAACBE, #9D758B, #665061, #233024)
• Worn Lantern color palette (#FEF1F8, #CDE4CC, #C58F79, #9A525E, #1E382B)
• Worn Studio color palette (#F2F5FF, #F2D5E1, #DF98AC, #B15744, #4E3500)
• Bronze Courtyard color palette (#FFF2EA, #CEB392, #AC7047, #73554E, #5A4500)
• Timeworn Alley color palette (#F7F3FE, #D9A9C8, #BD7F4D, #008081, #261F30)
• Patina Driftwood color palette (#FCF1FE, #F2ADB9, #D09B82, #708D54, #392C3C)
• Dusty Driftwood Delta color palette (#F2F5FC, #C2DCF4, #7885AA, #3C4561, #181B24)

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