Tempered Driftwood color palette — #F2F7EC · #88D6BA · #AAA6E2 · #B06C6A · #30332D

A conversation between Mocha and Lagoon, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Lagoon (#88D6BA): A luminous, balanced teal — the color of shallow lagoons.
• Mauve (#AAA6E2): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#B06C6A): A luminous, balanced orange — the color of toasted spice.
• Espresso (#30332D): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged 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

• Hushed Bronze Pier color palette (#EBF9F3, #95CCEA, #C0A0D0, #A67742, #24362F)
• Driftwood Corridor color palette (#F8F5E9, #C3C897, #7FB6D6, #A66C91, #33322B)
• Washed Bronze color palette (#FFF3E9, #B7EBD0, #70AACF, #996441, #324530)
• Bronze Drift color palette (#EDF9F0, #77C0CC, #7098C8, #A2564C, #1D2719)
• Aged Olive color palette (#F7F5ED, #C4D499, #9F8ECD, #6B7026, #3A3831)
• Sunlit Atelier color palette (#FFF0FC, #98B0F2, #B78AC9, #976800, #321B2E)
• Wandering Teal Station color palette (#F2F7F1, #D4DCDC, #B7ACA4, #76BEB3, #495046)
• Worn Wisteria color palette (#ECFAE6, #00C0AC, #AB70E7, #995200, #00211D)

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