Tempered Driftwood color palette — #FAF3F8 · #E5DBD3 · #7A83AF · #573C4F · #21181E

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

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Bone (#E5DBD3): bright and airy, almost weightless.
• Slate Blue (#7A83AF): A luminous, dusty violet — the color of twilight just after sunset.
• Cocoa (#573C4F): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#21181E): 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 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

• Cerulean Alley color palette (#EDF8F4, #B8E2D9, #5E8CAB, #235042, #131E1A)
• Weathered Ridge color palette (#FEF2F1, #EDD9BD, #9A627E, #502A3E, #1C0909)
• Washed Ash color palette (#FCF2F9, #E7E0AF, #8D9CCC, #7F6378, #31282F)
• Ancient Stone color palette (#EDF2FB, #C9C693, #4F6282, #273143, #0F141C)
• Wandering Garden color palette (#FAF3F5, #E7D8D6, #DE94BA, #A886D9, #2B1919)
• Tempered Driftwood Harbor color palette (#FFF1F0, #EEADC9, #CDA774, #8A8544, #432A29)
• Aged Chapel color palette (#FFF1F3, #FEBEAD, #804E82, #3D143F, #0D0002)
• Bronze Terrace color palette (#FFF2E9, #FFCAEC, #CF8C9D, #926A2E, #533736)

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