Tempered Harbor color palette — #E9F8FC · #54AAA8 · #3958A8 · #005C5B · #091830
A conversation between Cobalt and Turquoise, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#E9F8FC): bright and airy, almost weightless.
- Turquoise (#54AAA8): A luminous, balanced teal — the color of shallow lagoons.
- Cobalt (#3958A8): A full-bodied, balanced violet — the color of twilight just after sunset.
- Peacock (#005C5B): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#091830): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Creativity, Calm, Balance. Tagged duotone, muted, cool.
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
- Grape Harbor color palette (#EEF6FE, #62A0CF, #7A3E99, #005482, #17142E)
- Wandering Indigo Studio color palette (#EFF6FA, #76BBCC, #6963B1, #006B7F, #1D2336)
- Timeworn Forest Alley color palette (#EAF9F7, #7AA77C, #006A78, #00611B, #031B25)
- Byzantium Summit color palette (#E6F5F6, #2DBA8E, #8A3CA2, #00654A, #060412)
- Feathered Delta color palette (#DFF5E3, #2493B3, #2D56A6, #781303, #13334A)
- Pale Nightshade color palette (#B2F3FF, #58A1C1, #006CA7, #052DAF, #2F0082)
- Tempered Aubergine Courtyard color palette (#E4F1FA, #007395, #35008A, #002B3A, #02000D)
- Mulberry Basin color palette (#E8F8FF, #00797D, #792D6A, #4E2500, #00211D)
Browse the whole catalog at Explore, or see today's palette.