Driftwood Drift color palette — #FCEEF2 · #A8C3AE · #A17482 · #704B5E · #1B3226

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

The five colors

• Blush (#FCEEF2): bright and airy, almost weightless.
• Stone (#A8C3AE): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#A17482): A luminous, dusty rose — the color of strawberry cream.
• Coffee (#704B5E): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Forest (#1B3226): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Dusty Pewter color palette (#EAF5ED, #A9C2B4, #6C8C74, #724B58, #18322A)
• Washed Cocoa color palette (#FFECF4, #97B594, #956A4B, #773622, #102917)
• Weathered Basalt Terrace color palette (#F2F0F9, #ADCDB3, #735575, #412544, #14121B)
• Muted Cocoa Meadow color palette (#F8EDFF, #D1B4D5, #B8786E, #883B00, #422700)
• Patina Boulevard color palette (#FDF3EA, #C4B699, #997957, #884B29, #504900)
• Antique Courtyard color palette (#FFF1F5, #CCEBE8, #CE9FAF, #916D87, #2D453E)
• Garnet Chapel color palette (#EEDAE5, #B28C9C, #8F5238, #6B211E, #031E05)
• Weathered Balcony color palette (#F3F0F7, #E0B3D2, #A47851, #9D538A, #1F1117)

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