Driftwood Drift color palette — #F2F5FC · #DDD8DE · #B4AAA5 · #7481A1 · #4F525B

A conversation between Slate Blue and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Ivory (#F2F5FC): a clean, paper-quiet neutral.
• Silver (#DDD8DE): bright and airy, almost weightless.
• Ash (#B4AAA5): a calm mid-gray that lets other colors speak.
• Slate Blue (#7481A1): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#4F525B): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Washed Bloom color palette (#F6F0F3, #DCD4D3, #BAAFA3, #7C7CB4, #3C3338)
• Denim Loft color palette (#EDF7FF, #BCC2D8, #A293A8, #537076, #405566)
• Timeworn Delta color palette (#EDEBF2, #C1B4C3, #9D8793, #642B5E, #211D29)
• Tempered Coast color palette (#E4FAF9, #81ABDA, #8C6A8A, #386548, #40475A)
• Dusty Alley color palette (#E3E6F0, #9B97AA, #796B7E, #2A1B5E, #060816)
• Timeworn Bronze Market color palette (#F0F5FF, #8496C7, #836E38, #315F3D, #1A4B49)
• Weathered Mulberry color palette (#FBF1FE, #E4CAD9, #97AE99, #953050, #3D2B42)
• Driftwood Harbor color palette (#F0F0FF, #8F6BAA, #423846, #282731, #15141A)

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