Tempered Harbor color palette — #ECF3F9 · #97C8FB · #9273AE · #4875A3 · #151420

A conversation between Slate Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Sky (#97C8FB): A luminous, balanced blue — the color of open sky before noon.
• Slate Blue (#9273AE): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#4875A3): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#151420): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

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

• Dusty Mallow color palette (#F0F1F9, #CBB5FC, #B06D72, #766996, #1B131B)
• Muted Archive color palette (#EAF4F7, #7FD3DA, #5E83BF, #238086, #10161F)
• Petrol Meadow color palette (#EFF7F4, #8FC8ED, #A46883, #357499, #3A2928)
• Aged Villa color palette (#ECF2FF, #B5BAF8, #907BB5, #69456D, #421636)
• Aged Summit color palette (#E7F7EA, #9DA5E8, #8A6B94, #615023, #272B3D)
• Aged Driftwood Coast color palette (#EEF2F9, #D9D5DE, #B5A9AE, #74839E, #33363C)
• Dusty Cobalt Studio color palette (#EAF3FF, #498AD5, #9F5B46, #4B4B20, #0D1F24)
• Hazy Plum color palette (#EBF2FE, #89A0FF, #A13A98, #3D4CB9, #0C031B)

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