Tempered Driftwood color palette — #FDF2F5 · #CCE0CE · #907CA3 · #583E46 · #23181B

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

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Celadon Mist (#CCE0CE): A whisper-light, dusty green — the color of new leaves after rain.
• Slate Blue (#907CA3): A luminous, dusty violet — the color of wild irises.
• Cocoa (#583E46): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#23181B): quiet, heavy and certain.

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

• Washed Rust color palette (#FFF2EE, #FFE2A5, #A75D65, #512E24, #1A0B07)
• Tempered Thicket color palette (#FCF2F6, #DFE2B7, #B892A2, #836270, #35262D)
• Timeworn Drift color palette (#F0F1F9, #9CCFC7, #685883, #37284D, #12131B)
• Mallow Workshop color palette (#FFF1F4, #E2AAFA, #B2B27E, #5C8E7A, #3E2C31)
• Pale Straw Alley color palette (#FFF1F3, #FFD26F, #914E8C, #441D41, #130205)
• Taupe Balcony color palette (#FEF4E3, #FFCCE3, #CA9288, #4F7E65, #4C3A37)
• Mallow Courtyard color palette (#FFF1F3, #D994D6, #9A9348, #2C736A, #2B2129)
• Softworn Stone color palette (#FFF0FB, #E7D6D4, #EBA0A5, #A16356, #683310)

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