Tempered Driftwood color palette — #FBF3F4 · #DAB0D8 · #B06179 · #8C578A · #382A28

Mocha and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FBF3F4): bright and airy, almost weightless.
• Carnation (#DAB0D8): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#B06179): A full-bodied, balanced red — the color of embers at dusk.
• Slate (#8C578A): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#382A28): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Washed Driftwood color palette (#F9F3F7, #B5BBF3, #8F6CA9, #62679F, #37292E)
• Wandering Bronze Courtyard color palette (#FBF3F1, #EFACAC, #AC6C29, #A35053, #322D28)
• Pewter Hollow color palette (#F8EFF2, #CFB7EB, #AD725C, #7E6499, #1E130C)
• Driftwood Balcony color palette (#FFF1F0, #E2AAB8, #BB6873, #874240, #623903)
• Softworn Quarry color palette (#F3F4FE, #DCC4FD, #CB8B5D, #987EB9, #36292F)
• Bronze Cabin color palette (#FFF3E7, #CF95A0, #A86056, #635A20, #56433D)
• Hazy Mulberry color palette (#FFF2F0, #F46AAA, #AB3800, #9B005D, #2C1709)
• Patina Ridge color palette (#F4E4D9, #A84700, #393B0C, #431800, #030100)

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