Tempered Driftwood color palette — #EDF9EF · #9CC3AC · #947D4F · #78505F · #3B4C45

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Mint Leaf (#9CC3AC): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#947D4F): A luminous, dusty gold — the color of old brass.
• Coffee (#78505F): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#3B4C45): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Stone Field color palette (#E7F7E9, #BEBF8D, #967F58, #6B4E5F, #20302D)
• Hushed Veranda color palette (#FFF1F7, #D2ACB9, #A0765D, #715269, #3C4C3F)
• Timeworn Hollow color palette (#FFF1F5, #90B197, #926937, #6D4831, #2F4238)
• Patina Hollow color palette (#FCF4E9, #CDCEA0, #B09773, #9F653A, #4A4B00)
• Aged Bronze Harbor color palette (#FCF0FF, #EFAAA7, #B76944, #804C1A, #5E4300)
• Muted Parlor color palette (#F7F3FA, #E5AEC5, #B3663B, #965573, #372930)
• Moss Dune color palette (#C5E8D0, #969232, #6F5900, #533500, #232E01)
• Tempered Chestnut Cabin color palette (#F4E2EB, #B98C63, #994A19, #6E2D24, #203722)

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