Tempered Harbor color palette — #FFDBEE · #CCACF9 · #9E6FA6 · #794E68 · #462822

Built around Lavender, softened by Dusty Rose — the whole palette hums with creativity and warmth.

The five colors

• Rose Water (#FFDBEE): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#CCACF9): A luminous, balanced violet — the color of twilight just after sunset.
• Dusty Rose (#9E6FA6): A luminous, balanced pink — the color of a candy shop window.
• Graphite (#794E68): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#462822): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged 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

• Mallow Canyon color palette (#FFECF0, #E09FD1, #BA708B, #79454B, #3A3330)
• Worn Mallow Bloom color palette (#FFEDEE, #D99BD1, #73AC79, #8B6285, #30322B)
• Timeworn Powder color palette (#C9FAE7, #97C0FF, #7F87C5, #5F5783, #452832)
• Weathered Ash Workshop color palette (#F0F2FF, #D4BAEC, #B48ABD, #94688A, #584664)
• Blush Meadow color palette (#FFD4E5, #ED7891, #BA5C53, #7B431D, #322D28)
• Weathered Lantern color palette (#FFEEE3, #D0B69A, #AE7348, #6A5249, #332B1C)
• Peony Basin color palette (#F0DEEC, #E061B0, #B03D58, #77261F, #3F1705)
• Peony Bloom color palette (#F0DFF4, #CE43B7, #A40053, #640018, #280600)

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