Tempered Driftwood color palette — #FBF2F9 · #CDE0CE · #9C7996 · #533F4F · #20181F

Heather takes the lead with Charcoal close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Celadon Mist (#CDE0CE): A whisper-light, dusty green — the color of new leaves after rain.
• Heather (#9C7996): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#533F4F): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#20181F): 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

• Tempered Cerulean Hollow color palette (#ECF8F5, #C9DCCA, #6789AC, #304D46, #111E1B)
• Muted Veranda color palette (#FFF1F2, #FFE2A5, #92658A, #522B31, #1A0A0C)
• Antique Alley color palette (#FAF3F8, #F2DBB3, #8B9EC8, #7C6478, #332731)
• Weathered Garnet color palette (#F6F3FF, #E8D6DE, #D19ECB, #966378, #612631)
• Ancient Stone Atelier color palette (#FBF2F8, #E1DBE5, #D998B4, #9195C6, #271B1A)
• Tempered Stone Alley color palette (#ECF2FC, #A8CEB2, #4F6282, #21314C, #0E141F)
• Hushed Basin color palette (#FFF0FB, #B0BFFF, #CFA57F, #7E8859, #392D36)
• Timeworn Bronze Field color palette (#FEF4E3, #EAD1FF, #C88EAA, #807329, #4D393D)

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