Driftwood Drift color palette — #EEF8F0 · #C1E4E7 · #99B7A1 · #916E7F · #2F4441

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

The five colors

• Ivory (#EEF8F0): a clean, paper-quiet neutral.
• Silver (#C1E4E7): A whisper-light, dusty blue — the color of open sky before noon.
• Sage (#99B7A1): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#916E7F): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#2F4441): 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 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

• Worn Stone color palette (#FFF0F7, #D8F8DD, #C8A1B4, #8A7188, #2D453B)
• Hushed Pier color palette (#EAF5ED, #A0C5B2, #928152, #485F47, #1C312A)
• Worn Taupe color palette (#ECF9ED, #DEE1B1, #B39A6D, #89604B, #123934)
• Antique Basin color palette (#FAF4EA, #E3D9BB, #C9B38B, #A88D6C, #524800)
• Dusty Orchard color palette (#F1F5FD, #BAE1F0, #7187AA, #3A475B, #151B26)
• Cocoa Canyon color palette (#EFF6FF, #E6D7E2, #D2A3C8, #9C5E65, #662D0F)
• Shell Lantern color palette (#FAF2FD, #F1ADC3, #D3978E, #967F49, #382D3D)
• Tempered Courtyard color palette (#FFF0F8, #CBAE7E, #AC5F2E, #702D34, #00180E)

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