Tempered Driftwood color palette — #F9F2FB · #AADED1 · #A96775 · #58465C · #2F2931

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

The five colors

• Ivory (#F9F2FB): bright and airy, almost weightless.
• Mint (#AADED1): A whisper-light, dusty teal — the color of sea glass.
• Mocha (#A96775): A full-bodied, balanced red — the color of embers at dusk.
• Charcoal Brown (#58465C): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#2F2931): quiet, heavy and certain.

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

• Sand Lagoon color palette (#FBF2F9, #FDD6B2, #C29089, #7E6379, #332730)
• Worn Hollow color palette (#FAF3F6, #CFD9DB, #A9A6B2, #AF8789, #594F55)
• Hushed Stone color palette (#FEF2EE, #DABC7D, #824D4D, #4A322A, #2A231B)
• Softworn Teal Balcony color palette (#F9F2FB, #DC93A4, #4EB093, #6F75AB, #433946)
• Worn Taupe Meadow color palette (#F8F3F8, #FEBDC3, #96A45B, #BB767D, #20322C)
• Weathered Alley color palette (#ECFAEB, #EAACA0, #9A9741, #646B97, #57404A)
• Bronze Cabin color palette (#ECF9EF, #E0C07E, #8E6C00, #514015, #1C241D)
• Patina Bronze color palette (#D2E4DA, #AD7700, #413800, #131000, #000201)

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