Tempered Driftwood color palette — #E6F1E7 · #9B7E47 · #2C4134 · #152218 · #090E08

Mocha takes the lead with Forest close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#E6F1E7): a clean, paper-quiet neutral.
• Mocha (#9B7E47): A luminous, balanced gold — the color of afternoon light on wheat.
• Forest (#2C4134): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#152218): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#090E08): a grounded near-black with real depth.

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

• Driftwood Loft color palette (#F6E9F2, #B06F60, #4A3340, #281924, #100A10)
• Dusty Amber Lantern color palette (#F8F1E7, #BE943D, #6F5300, #3E372D, #25211D)
• Deep Olive color palette (#D7E6DE, #756E00, #272E00, #00150B, #000502)
• Lagoon Bloom color palette (#E2F7F1, #92A474, #399F9B, #9F6B40, #0E2E26)
• Weathered Marigold Corridor color palette (#EEF8EF, #CDA86A, #425B51, #222F23, #150D11)
• Dusty Lagoon color palette (#EBF5F0, #AFCAC0, #5B8F82, #765761, #21362F)
• Weathered Boulevard color palette (#D2F0DD, #B8B383, #8B8B3B, #545D00, #184439)
• Tempered Olive color palette (#E6F7EE, #B6B782, #CF848B, #777600, #4C2227)

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