Tempered Driftwood color palette — #FEF2F4 · #E3DCD1 · #9A789F · #5B3C43 · #23181A

Heather and Cocoa set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FEF2F4): bright and airy, almost weightless.
• Bone (#E3DCD1): a clean, paper-quiet neutral.
• Heather (#9A789F): A luminous, dusty pink — the color of a candy shop window.
• Cocoa (#5B3C43): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#23181A): a grounded near-black with real depth.

Feels like: 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

• Patina Lagoon color palette (#FDF3EF, #E9DEB7, #A85F56, #5F2403, #190B06)
• Timeworn Celadon color palette (#FDF2F6, #CFE9AF, #A197C1, #7D6570, #33272D)
• Weathered Blush color palette (#FCF2F3, #EBD8DB, #E9919E, #BE84AD, #271B18)
• Muted Pewter Market color palette (#F1F1F9, #ABCEB2, #5F5C82, #302D49, #13131C)
• Aged Mallow Summit color palette (#FFF1F5, #D6B1F6, #68BFC0, #448DA6, #3D2C32)
• Tempered Blush Lantern color palette (#FFF2F0, #E4D8D3, #F39D9C, #AD5F54, #622813)
• Muted Coral Summit color palette (#FFF3E7, #FFCFD1, #DB8A71, #76763B, #453D3A)
• Plum Veranda color palette (#FFF1F1, #FFCBB5, #AC3283, #510D3B, #130303)

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