Tempered Driftwood color palette — #FAF2FA · #D6DACC · #B56F75 · #523E54 · #1F191F

A conversation between Mocha and Charcoal, giving this palette its sense of sophistication.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Bone (#D6DACC): bright and airy, almost weightless.
• Mocha (#B56F75): A luminous, balanced red — the color of embers at dusk.
• Charcoal (#523E54): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#1F191F): 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

• Antique Corridor color palette (#F9F2FE, #E0E3AD, #BF8EA2, #75667F, #2F2933)
• Softworn Bronze color palette (#F0F8EF, #FFE1AF, #9A6C2C, #4C320D, #081307)
• Muted Pewter color palette (#F8F2FE, #9BCBC4, #775065, #3E3348, #2B2127)
• Hushed Hollow color palette (#FAF2F8, #E5DBD3, #D5A55E, #D28170, #172118)
• Marigold Orchard color palette (#FEE7EF, #D09633, #593000, #333029, #0F0500)
• Patina Brick Archive color palette (#FFF0FB, #FFCE9E, #BC3113, #561407, #12020E)
• Weathered Alley color palette (#EDF9EC, #E6BA88, #7AC18E, #4E8F87, #2B352A)
• Wandering Lantern color palette (#FAF3F7, #E1D7D7, #B5B8AC, #C79DA0, #514B4F)

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