Tempered Harbor color palette — #EEE9F1 · #CDBAC1 · #C29DA7 · #C2567E · #241B29

Fuchsia and Rosewood Mist set the tone — five colors that lean into sophistication.

The five colors

• Blush (#EEE9F1): bright and airy, almost weightless.
• Stone (#CDBAC1): A luminous, dusty rose — the color of a warm blush.
• Rosewood Mist (#C29DA7): A luminous, dusty red — the color of late-summer berries.
• Fuchsia (#C2567E): A full-bodied, balanced rose — the color of a warm blush.
• Onyx (#241B29): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Hushed Station color palette (#DEDEE5, #CCBBCC, #BE9EB9, #986AB3, #1E1D2C)
• Weathered Rust color palette (#E6DFE3, #D4BAB8, #C39E98, #C65D1D, #281A22)
• Softworn Garnet Bloom color palette (#EEEBF2, #BBAFB9, #A2848F, #69284F, #0F0616)
• Ancient Mulberry color palette (#FEF2F1, #E7D7C5, #D2B49F, #884767, #160808)
• Wandering Veranda color palette (#FBF2F8, #EFD2D4, #DFC791, #E86E55, #402B3B)
• Worn Harbor color palette (#EEE4E8, #AF9B99, #749D92, #984B00, #12040B)
• Quiet Ember Basin color palette (#ECD7ED, #FF9BB9, #FF7F8B, #F25E0B, #2E0101)
• Bronze Coast color palette (#FFE7DF, #C79A78, #AD7C21, #406A3A, #003535)

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