Tempered Harbor color palette — #E3DEED · #C29ACE · #986E8E · #684B5E · #4B2F3B

Mauve and Driftwood set the tone — five colors that lean into creativity and warmth.

The five colors

• Silver (#E3DEED): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#C29ACE): A luminous, balanced pink — the color of neon signs at night.
• Driftwood (#986E8E): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal Brown (#684B5E): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#4B2F3B): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Tempered Harbor 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 Coast color palette (#F0D8FF, #CEA9CF, #A97B94, #7B606E, #553C44)
• Taupe Canyon color palette (#EAE5FA, #C993AF, #A9717F, #734C5B, #1C3D25)
• Petal Bloom color palette (#FEF0FF, #E6CEE1, #B69EAB, #798C83, #3E4F4B)
• Bronze Quarry color palette (#FFE1F2, #CFA8B4, #B88887, #7D710B, #373730)
• Aged Coral Field color palette (#EDD8E1, #C96880, #8F4C4A, #4D3B00, #002115)
• Forest Alley color palette (#E4FAFF, #B4BAE8, #AC7A9E, #146655, #003127)
• Fuchsia Hollow color palette (#FFD2EB, #FF75C6, #B3448E, #732057, #2E001E)
• Weathered Orchard color palette (#F4E6FF, #CB5EEB, #AD3DB9, #7D2E7A, #4D1F43)

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