Driftwood Ridge color palette — #FFF2EF · #E9B4BB · #B06F7A · #733F47 · #512D24

Mocha takes the lead with Coffee close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#E9B4BB): A luminous, dusty red — the color of late-summer berries.
• Mocha (#B06F7A): A luminous, balanced red — the color of late-summer berries.
• Coffee (#733F47): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#512D24): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

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 Blush color palette (#FEF0FF, #FFD5D8, #F19BA4, #B27379, #483049)
• Dusty Terracotta color palette (#FEF0FF, #EAC9EB, #D0888D, #9C4C57, #572C36)
• Tempered Workshop color palette (#FFF2EE, #E0D8CF, #D5C39F, #AE857F, #7E3F27)
• Washed Cocoa color palette (#FBF3EE, #D8BA99, #7E523D, #592A00, #292418)
• Muted Terracotta Balcony color palette (#FFD9C7, #CE764D, #8D3400, #491800, #270900)
• Softworn Bronze Workshop color palette (#FAF4EE, #DDB993, #7F8244, #8F622F, #302E27)
• Hushed Cocoa color palette (#FFF2EC, #BF7C72, #737CA5, #6C5381, #642908)
• Bronze Boulevard color palette (#F2DBC3, #B57000, #5C3700, #2C1600, #0F0500)

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