Tempered Driftwood Coast color palette — #F5F0F4 · #DED4D5 · #BFADA5 · #977792 · #3A3439

Heather and Rosewood Mist set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F5F0F4): bright and airy, almost weightless.
• Silver (#DED4D5): a clean, paper-quiet neutral.
• Rosewood Mist (#BFADA5): A luminous, dusty orange — the color of toasted spice.
• Heather (#977792): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#3A3439): quiet, heavy and certain.

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

Use it as a design system

One click turns Tempered 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

• Wandering Courtyard color palette (#ECF4F1, #CFD9DA, #B6AAA2, #648D7C, #313835)
• Hushed Aubergine color palette (#EEE6E8, #C0AEAF, #AF7F80, #5E2A68, #150509)
• Hushed Veranda color palette (#F7EFF2, #DFD3CF, #C8B0B3, #74558D, #271D20)
• Worn Bronze Meadow color palette (#FFECF3, #D6B8BD, #A38686, #935930, #623900)
• Ash Courtyard color palette (#F1F5FD, #DBD8E3, #BAADB6, #8C9CB6, #4E535B)
• Timeworn Pewter Lagoon color palette (#FFEEE7, #A6A3E3, #8967A6, #764041, #38262E)
• Lilac Hollow color palette (#FBEDF5, #D9CED9, #C3C4FF, #AF90CE, #3B232F)
• Driftwood Drift color palette (#F4F2E8, #C6C6A0, #6B8E66, #556756, #32312B)

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