Tempered Driftwood color palette — #F2F5FB · #DDD8DE · #B7A8A1 · #787EAA · #505259

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

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DDD8DE): bright and airy, almost weightless.
• Ash (#B7A8A1): A luminous, dusty orange — the color of toasted spice.
• Slate Blue (#787EAA): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#505259): 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

• Softworn Driftwood Basin color palette (#F6EFF3, #E0D4D3, #BEB0A1, #7F7DA7, #3B3438)
• Hushed Hollow color palette (#ECF7FF, #C3D0DF, #9891B0, #4A727A, #4B5369)
• Timeworn Grove color palette (#E8F9FA, #89ACCB, #8B6894, #1B6850, #3C485E)
• Aubergine Study color palette (#E1E3EC, #9B97A5, #7C6980, #310072, #05071B)
• Amethyst Canyon color palette (#F3F4FE, #E3D5DF, #CAB4C9, #7C4EB5, #3C3E54)
• Tempered Aubergine Harbor color palette (#EEEEF4, #D0C9D6, #AC9AA8, #6F388A, #2D2B3F)
• Worn Coral Pier color palette (#F2F5FE, #D6DAEB, #E6B9E6, #CE7B7F, #4E4766)
• Wandering Alley color palette (#E4DEE7, #B3A4AF, #6E876D, #680039, #1B0D22)

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