Tempered Harbor color palette — #E9F4FA · #35A3C6 · #8F74AF · #7E4A6E · #15252E

Cyan and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F4FA): bright and airy, almost weightless.
• Cyan (#35A3C6): A luminous, balanced blue — the color of deep harbor water.
• Slate Blue (#8F74AF): A luminous, balanced violet — the color of wild irises.
• Graphite (#7E4A6E): A full-bodied, balanced pink — the color of peonies in June.
• Onyx (#15252E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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

• Softworn Iris color palette (#EBF2FF, #7C93CE, #AB6C8B, #884946, #1C232E)
• Wandering Boulevard color palette (#E1F7F6, #69B7D7, #437CB3, #64446B, #1C2E3C)
• Teal Delta color palette (#EFF9EA, #00A791, #A36C80, #7F4E60, #374032)
• Soft Cerulean color palette (#E3F5FF, #92C9E5, #4691C5, #285B8F, #112853)
• Hushed Quarry color palette (#E6F6F4, #73A375, #B26D63, #7F5323, #142725)
• Weathered Rust color palette (#F0F0FF, #9A70C2, #B65241, #794209, #18172B)
• Softworn Cerulean color palette (#ECF3F6, #D3D7DF, #B2ADBC, #5B8A9E, #2E383C)
• Patina Station color palette (#ECF3F6, #92D0D4, #3688CA, #008188, #0C1721)

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