Tempered Driftwood color palette — #F8EEF5 · #A46D5E · #2F4233 · #33232E · #1A1417

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

The five colors

• Blush (#F8EEF5): bright and airy, almost weightless.
• Mocha (#A46D5E): A full-bodied, dusty orange — the color of toasted spice.
• Forest (#2F4233): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#33232E): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#1A1417): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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 Chapel color palette (#F8EAE2, #B76C53, #563200, #281B13, #110B09)
• Washed Bloom color palette (#FBEDF6, #D58367, #685059, #41333C, #252024)
• Dusty Apricot Studio color palette (#FDEFE7, #FF9778, #9A7433, #7D431E, #271F1E)
• Nocturne Bronze color palette (#EDD8E1, #9C5300, #2F2C00, #281100, #100403)
• Midnight Fern color palette (#DCF6EE, #4C6500, #00261C, #091000, #000202)
• Muted Pewter color palette (#EAFAEC, #B2935A, #6A8ABF, #7167A0, #334837)
• Timeworn Orchard color palette (#EEF8EE, #CBAA7E, #729BD0, #9B6600, #394F69)
• Aged Lantern color palette (#EDF8F4, #A5C9C7, #548D88, #69607E, #3A5251)

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