Tempered Driftwood color palette — #F4F4FC · #BAE8F3 · #8481A6 · #444261 · #1B1A25

Built around Slate Blue, softened by Charcoal — the whole palette hums with sophistication.

The five colors

• Ivory (#F4F4FC): bright and airy, almost weightless.
• Powder Blue (#BAE8F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#8481A6): A luminous, dusty violet — the color of wild irises.
• Charcoal (#444261): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#1B1A25): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged luxury, dark, muted.

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

• Timeworn Lilac Grove color palette (#F3F5FD, #BFEBCA, #A293D2, #656A8C, #292B35)
• Ancient Basin color palette (#F9EEF4, #98D2B7, #79546A, #402837, #1A1116)
• Dusty Atelier color palette (#F5F3FF, #DBB3E4, #AEB382, #3B947F, #322F42)
• Softworn Wisteria Meadow color palette (#F5F4FA, #E2D8E1, #E79590, #C679C6, #251A24)
• Cypress Study color palette (#EBFAED, #FFCDDF, #C89386, #358365, #48394A)
• Washed Cypress Boulevard color palette (#F6F4FC, #DBB0D2, #8E8F52, #007A75, #1A2230)
• Tempered Plum Lagoon color palette (#F7F3FF, #FBD37B, #9A468B, #510646, #0B0317)
• Velvet Bronze Meadow color palette (#E4E0F8, #9A7300, #310036, #1B070F, #030004)

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