Driftwood Coast color palette — #F9F3F9 · #E5D7DA · #B6AEA5 · #907992 · #565057

Slate Blue and Silver set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E5D7DA): a clean, paper-quiet neutral.
• Ash (#B6AEA5): a calm mid-gray that lets other colors speak.
• Slate Blue (#907992): A luminous, dusty pink — the color of peonies in June.
• Charcoal Brown (#565057): a grounded near-black with real depth.

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

Use it as a design system

One click turns Driftwood Coast 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 Boulevard color palette (#F0F7F1, #D1DDDC, #A6ADB8, #6C8B72, #4E554F)
• Washed Aubergine Coast color palette (#EBDADF, #CEB0B6, #AA8287, #53346A, #2B191F)
• Ancient Pewter Orchard color palette (#FBF2F6, #EBD4D0, #C6ABB1, #685B85, #41373B)
• Patina Chapel color palette (#FFF0F8, #D9B4C1, #A8898F, #9C5A40, #634900)
• Aged Periwinkle color palette (#FFF2EE, #91A5E2, #786EA3, #774D46, #54414E)
• Navy Thicket color palette (#EBE2EA, #A594A0, #816876, #0F255E, #0E060D)
• Hushed Fern Harbor color palette (#F9F5EA, #BCC796, #768861, #5D6B59, #594D00)
• Indigo Pier color palette (#FAEEF6, #6B72CA, #493640, #30252C, #1A1314)

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