Tempered Driftwood color palette — #E9F6EB · #A4C4B0 · #977F56 · #704B5A · #203029

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

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Stone (#A4C4B0): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#977F56): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#704B5A): A full-bodied, dusty rose — the color of a warm blush.
• Deep Forest (#203029): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Harbor color palette (#FCEDF6, #D4AFBF, #A87561, #6B4C68, #243023)
• Bronze Delta color palette (#EAF6EA, #BBAA7B, #966C27, #6B411E, #14271F)
• Wandering Lantern color palette (#EEF8EF, #BAEAE9, #CBA873, #936D84, #2D4540)
• Worn Moss color palette (#D9E7DE, #8E952E, #6A5B00, #483100, #0C1600)
• Bronze Meadow color palette (#F0D9E1, #8D6B2E, #623800, #3D1500, #070500)
• Washed Driftwood Alley color palette (#EEF1FF, #C6AEDC, #AD72AA, #763E5E, #4D1123)
• Chestnut Studio color palette (#F1D8E4, #B98F61, #9A4C00, #632B1B, #0A1D0F)
• Hushed Atelier color palette (#EBF2FF, #7F91D0, #AB763E, #546633, #1C2330)

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