Tempered Driftwood color palette — #DBE3F6 · #BE99C3 · #AD7367 · #1F666E · #1F4128

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

The five colors

• Frost (#DBE3F6): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#BE99C3): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#AD7367): A luminous, dusty orange — the color of autumn markets.
• Peacock (#1F666E): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#1F4128): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, 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

• Cypress Ridge color palette (#D8F5E5, #A7A7D8, #996C7E, #10646B, #003C46)
• Taupe Loft color palette (#F1E8FF, #D396A6, #957452, #3D6452, #004054)
• Fern Archive color palette (#CDE3F3, #B5A4CF, #A47871, #5F5A05, #433F00)
• Softworn Pier color palette (#F1DFF4, #D8A1BB, #CC7D71, #5C8459, #29391A)
• Onyx Drift color palette (#E0E6F9, #9989B0, #975F65, #005570, #151E53)
• Tempered Orchard color palette (#F4E5F5, #9684A7, #97524D, #275622, #074046)
• Weathered Villa color palette (#EEDFF1, #DD91A1, #A6792D, #405A99, #2B3D69)
• Softworn Oat color palette (#FFF1F7, #E7C0BC, #B19C88, #5F8073, #375449)

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