Tempered Driftwood color palette — #F2F5FB · #DAD8DE · #B6A9AA · #7580A8 · #4F5359

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

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DAD8DE): a clean, paper-quiet neutral.
• Ash (#B6A9AA): a calm mid-gray that lets other colors speak.
• Slate Blue (#7580A8): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#4F5359): 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

• Worn Alley color palette (#EEF2F8, #DAD5DE, #C2ACB3, #7182A9, #33363C)
• Chestnut Corridor color palette (#FFF0FA, #B29DC8, #91668E, #86442D, #474559)
• Weathered Pewter color palette (#F8F2FF, #CABAD1, #A590A4, #5A765C, #2F5653)
• Tempered Basin color palette (#EAEEF9, #9699A8, #6D6D8A, #2A0079, #040819)
• Hushed Lilac Terrace color palette (#F2F4FF, #DFD6E8, #C7BAFB, #B07FBB, #3F4161)
• Amethyst Basin color palette (#F3F5FB, #DDD6E0, #BBB8D3, #744DC3, #3A3E54)
• Dusty Hollow color palette (#EDEEF6, #CCCAD7, #A29CB4, #683C8E, #2C2C39)
• Wandering Garnet Orchard color palette (#EDE7F3, #AEA6B1, #8C778E, #670041, #190F20)

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