Tempered Driftwood color palette — #E8F6ED · #9BC6BA · #8D8353 · #724A5A · #1C3030

Mocha and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E8F6ED): a clean, paper-quiet neutral.
• Ash (#9BC6BA): A luminous, dusty teal — the color of sea glass.
• Mocha (#8D8353): A luminous, dusty green — the color of fresh herbs.
• Coffee (#724A5A): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Forest (#1C3030): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Weathered Bronze color palette (#E5F7EB, #A4B284, #867436, #684223, #0A2826)
• Patina Stone Workshop color palette (#EBF9F1, #B6BD91, #658A76, #4B654F, #394C48)
• Lilac Cabin color palette (#F2F0FD, #B37FBA, #9F7C46, #795721, #232030)
• Misty Garnet color palette (#EBF2FF, #D0B1E7, #B46F96, #82373E, #472400)
• Bronze Drift color palette (#FCF4E3, #C1D2A7, #A69C70, #9A6832, #414F00)
• Tempered Rust Garden color palette (#EEF2F9, #B3C0F6, #BF6654, #606DA8, #1D121A)
• Tempered Denim color palette (#EDF2FC, #9ED0BC, #535C93, #24304B, #0F141D)
• Olive Loft color palette (#DAF6DE, #747635, #583E00, #3C1600, #010800)

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