Tempered Harbor color palette — #FDF2F5 · #C4A3ED · #BE5495 · #8852BF · #251212

Amethyst takes the lead with Fuchsia close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#FDF2F5): bright and airy, almost weightless.
• Lavender (#C4A3ED): A luminous, balanced violet — the color of wild irises.
• Fuchsia (#BE5495): A full-bodied, balanced rose — the color of a warm blush.
• Amethyst (#8852BF): A full-bodied, vivid violet — the color of wild irises.
• Ink (#251212): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Balance. Tagged duotone.

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 Loft color palette (#FFF1F2, #E099D0, #DB386C, #AB4098, #26120E)
• Worn Violet Boulevard color palette (#FAF2F8, #98B0FF, #995DD5, #4F66D3, #231319)
• Rust Courtyard color palette (#FFF2F0, #EE95B6, #D1530B, #AF4874, #261306)
• Frosted Cobalt color palette (#FDF1FA, #BECEFF, #CC685D, #596FC6, #0F0200)
• Lilac Workshop color palette (#F2F5FF, #CBC0FF, #E18389, #9883E5, #211221)
• Airy Raspberry color palette (#FED6FE, #DD91CD, #CB4C95, #932054, #5C0022)
• Quiet Plum Ridge color palette (#FFEADB, #D77FBC, #BD4871, #754B00, #472525)
• Fuchsia Lagoon color palette (#FFF1F2, #EBB8FF, #FC82E6, #D06A8F, #441F22)

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