Tempered Driftwood color palette — #FBF2F7 · #CFDDCD · #A0788D · #5C394D · #23171D

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Silver (#CFDDCD): A whisper-light, dusty green — the color of new leaves after rain.
• Heather (#A0788D): A luminous, dusty rose — the color of a warm blush.
• Cocoa (#5C394D): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#23171D): A deep, shadowed, dusty rose — the color of pressed rose petals.

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 Pewter color palette (#FFF2F0, #FBE2BA, #9C6278, #532839, #1C0908)
• Tempered Cerulean Harbor color palette (#ECF8F4, #CCDACA, #628BAA, #254A65, #0E1F1A)
• Antique Ash Summit color palette (#FAF2F7, #D5E5B9, #919AD1, #7F6376, #33272F)
• Hushed Stone color palette (#F2F5FF, #D8BD83, #5D5881, #33374A, #26222A)
• Muted Parlor color palette (#FBF2F5, #E5D9E2, #E8958B, #A987D4, #2A1A12)
• Patina Pine Cabin color palette (#FEF4E5, #F9CDF1, #CF8D94, #4F814A, #503838)
• Mulberry Corridor color palette (#FFF1F2, #EBCC8A, #874A7C, #3E1538, #0A0102)
• Softworn Corridor color palette (#FFF1F4, #E8D5CD, #DC99B4, #AF515F, #6C2718)

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