Tempered Driftwood Workshop color palette — #FFF1F4 · #E3DAD2 · #957AA1 · #573E45 · #22181B

A conversation between Heather and Cocoa, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bone (#E3DAD2): bright and airy, almost weightless.
• Heather (#957AA1): A luminous, dusty pink — the color of a candy shop window.
• Cocoa (#573E45): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#22181B): 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 Workshop 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

• Muted Cerulean Summit color palette (#EAF9F5, #B6DFEC, #648AB0, #2C4E46, #141D1B)
• Patina Delta color palette (#FFF2EE, #E9DDB8, #A85D60, #502E23, #180C08)
• Aged Taupe Summit color palette (#FCF2F6, #F1DBB8, #BA91A1, #82636F, #33282C)
• Ancient Mallow Studio color palette (#FFF1F4, #E2ABF3, #DD9D86, #5B88A3, #3E2C30)
• Muted Grove color palette (#FEF1F6, #CEAFFD, #B97575, #316F87, #2F222B)
• Softworn Coast color palette (#F0F1FA, #AACEB1, #695783, #2C2D4E, #121220)
• Worn Garnet Station color palette (#FFF0F7, #E5D7D4, #DD9BA5, #A6686A, #622A23)
• Muted Plum Drift color palette (#FFF1F2, #FFCBB4, #A13F89, #471C3C, #140203)

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