Tempered Driftwood color palette — #F9F3F7 · #E0D7D7 · #AFACA1 · #767EAD · #575055

Built around Slate Blue, softened by Ash — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#E0D7D7): bright and airy, almost weightless.
• Ash (#AFACA1): soft and architectural.
• Slate Blue (#767EAD): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#575055): quiet, heavy and certain.

Feels like: Creativity, 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

• Wandering Driftwood color palette (#F6F0F4, #DED5D3, #B6AFA3, #7382A8, #3A3438)
• Plum Harbor color palette (#FBF3F3, #E2D9D2, #C8BEB2, #A15787, #514444)
• Tempered Quarry color palette (#FDF4E6, #A0A2D5, #8B698F, #6C5700, #583F4A)
• Dusty Bronze Archive color palette (#FFF0F8, #D6C2C5, #A78682, #817126, #414F41)
• Driftwood Quarry color palette (#F7F5EE, #C1C3AC, #788A46, #745D73, #505100)
• Fern Basin color palette (#FEF1F7, #9792BC, #9E5A58, #525900, #0C4B53)
• Softworn Aubergine color palette (#F6ECF1, #A3969A, #8A656B, #2D0076, #15030D)
• Patina Archive color palette (#F4ECEE, #D9C7C9, #B99795, #6F3099, #39282E)

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