Tempered Driftwood color palette — #F3F5FE · #FAC0BE · #8172AD · #464B67 · #292B34

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

The five colors

• Ivory (#F3F5FE): bright and airy, almost weightless.
• Oat (#FAC0BE): A whisper-light, dusty orange — the color of toasted spice.
• Slate (#8172AD): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#464B67): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#292B34): a grounded near-black with real depth.

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

• Cobalt Bloom color palette (#EEF6FF, #AADFC1, #5A80AE, #3B4F66, #262C33)
• Ancient Pewter color palette (#FAF2FC, #EBB897, #9F596A, #4E3954, #271E29)
• Timeworn Lilac Chapel color palette (#F5F4FB, #E5C3F2, #D17E9B, #A677B8, #322A36)
• Hushed Sand color palette (#FDF1F7, #F1DBB0, #9C99C2, #7E6472, #34272E)
• Hushed Coral color palette (#FFF0F7, #EAA6C7, #C77883, #816B44, #4E4354)
• Byzantium Orchard color palette (#F5F3FF, #FF9D83, #9341A0, #53235B, #1C162E)
• Ancient Harbor color palette (#F6F4FA, #DFD7DD, #CCC0BB, #9F94BA, #535157)
• Weathered Blush color palette (#F7F3FF, #F4BFDC, #D37D9B, #9F5C68, #743539)

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