Tempered Harbor color palette — #F3E8FF · #A7077C · #005A7A · #002789 · #0E0008
A conversation between Magenta Rose and Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F3E8FF): A whisper-light, dusty violet — the color of wild irises.
- Magenta Rose (#A7077C): A full-bodied, vivid pink — the color of peonies in June.
- Peacock (#005A7A): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#002789): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#0E0008): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged vibrant.
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
- Quiet Mulberry color palette (#E3DCFF, #8D3396, #005E67, #00385C, #0C000E)
- Mulberry Quarry color palette (#E8DFEC, #9B0050, #004968, #1B006C, #050005)
- Misty Basin color palette (#FBE4D8, #C35700, #0079AC, #005B84, #0B0300)
- Frosted Nightshade Chapel color palette (#CBEAEA, #00734E, #00568E, #28009B, #000603)
- Aubergine Hollow color palette (#FCE7F0, #914B00, #642FA2, #5F0050, #0B0300)
- Aubergine Archive color palette (#EED5E9, #C9584C, #5965CC, #67309B, #350806)
- Frosted Harbor color palette (#F3DAFE, #E82C83, #007EC4, #4908EC, #3C061E)
- Patina Villa color palette (#D9F4FC, #00A3A7, #7175CF, #7B4597, #002C36)
Browse the whole catalog at Explore, or see today's palette.