Tempered Driftwood color palette — #F7F3FA · #E1D7DA · #B3ABA2 · #8F789B · #565059

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

The five colors

• Ivory (#F7F3FA): bright and airy, almost weightless.
• Silver (#E1D7DA): a clean, paper-quiet neutral.
• Ash (#B3ABA2): soft and architectural.
• Slate Blue (#8F789B): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#565059): a grounded near-black with real depth.

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

Use it as a design system

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

• Aged Atelier color palette (#F3F0F6, #DED4D6, #B5ACA6, #A37288, #39343D)
• Patina Basin color palette (#FEF0FF, #DAC8D4, #8E9F8F, #59757B, #3D5667)
• Aged Courtyard color palette (#E9E0EB, #A2959F, #7F6975, #550021, #0F0512)
• Aged Courtyard color palette (#E8FBEC, #CE95A3, #996A58, #2A6656, #514251)
• Shell Pier color palette (#FBF1FB, #EBD4D5, #F7A9B0, #BA8866, #574053)
• Terracotta Bloom color palette (#F3ECF2, #D4C8CE, #B099A0, #87382F, #392735)
• Dusty Meadow color palette (#EDDFE5, #AFBEAE, #7E9585, #6D3100, #2A1922)
• Hushed Garden color palette (#EFF8F1, #C1DACC, #83B2A4, #735500, #26382A)

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