Tempered Driftwood color palette — #F3F5FD · #BDE0F2 · #877FA8 · #3F445E · #191B23

Slate Blue takes the lead with Powder Blue close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F3F5FD): a clean, paper-quiet neutral.
• Powder Blue (#BDE0F2): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#877FA8): A luminous, dusty violet — the color of wild irises.
• Charcoal (#3F445E): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#191B23): a grounded near-black with real depth.

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

• Wandering Driftwood color palette (#F8F3FC, #E5FFCF, #A6748D, #4B4253, #1D1920)
• Aged Mallow color palette (#F6F3FF, #EDA7EC, #8FBB98, #5B8C89, #332F3E)
• Pewter Delta color palette (#F2F0F8, #DAB7CE, #7A5176, #352A4B, #15121C)
• Softworn Veranda color palette (#FDF2F3, #FFD3C2, #B98FB0, #836366, #352728)
• Worn Stone Loft color palette (#F4F4FD, #E7D8E0, #C8AA6A, #AE89C0, #162219)
• Patina Taupe color palette (#E3FBF5, #FFC9F2, #CC9371, #52798B, #463A4A)
• Patina Chartreuse color palette (#F4F4FF, #86F68D, #874EA4, #3B2247, #070418)
• Tempered Coast color palette (#F7F3FF, #DB92CF, #4F9F80, #3E705C, #17242C)

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