Tempered Driftwood color palette — #FDF2F5 · #C4DAA9 · #8B719F · #63424D · #33282B

A conversation between Slate and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Pistachio (#C4DAA9): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#8B719F): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#63424D): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#33282B): a grounded near-black with real depth.

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

• Ancient Driftwood Study color palette (#F5F3FF, #BCEAF5, #98799D, #47425A, #1B1A23)
• Rust Pier color palette (#FFF2EE, #CDC788, #A85555, #48403E, #2D1D18)
• Ash Coast color palette (#F3F4FF, #B7E9EA, #989AC2, #686A89, #2A2A34)
• Patina Stone color palette (#F7F3FD, #EFB08F, #765069, #3C3448, #2A2128)
• Tempered Amber color palette (#FBF3F4, #EDBFEF, #D58455, #AA77AD, #332C28)
• Sunlit Balcony color palette (#FFF1F2, #AFC765, #9C3E8E, #5D1B53, #281416)
• Washed Harbor color palette (#FBF5E4, #E3AAC9, #C97C5B, #3E778D, #59413C)
• Taupe Boulevard color palette (#FFF1F4, #C499CD, #97A362, #378A83, #4A373B)

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