Tempered Harbor color palette — #E8F4F9 · #53C9E1 · #677F8F · #49575E · #1B2326

Built around Cyan, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Ivory (#E8F4F9): a clean, paper-quiet neutral.
• Cyan (#53C9E1): A luminous, balanced blue — the color of deep harbor water.
• Slate (#677F8F): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#49575E): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#1B2326): a grounded near-black with real depth.

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

• Washed Turquoise Lantern color palette (#E4F5FD, #44ACBC, #445B70, #2D3A40, #1D2324)
• Patina Garden color palette (#DFE4F1, #999FFF, #676E8E, #43495A, #15181E)
• Antique Sky Lagoon color palette (#EBF7FF, #9ADDFF, #5DBDF8, #669AC6, #3D5065)
• Worn Canyon color palette (#CFE1F2, #0091EA, #3B547D, #1E3144, #00050B)
• Patina Stone color palette (#EEF8F3, #C4E7DC, #A2C18D, #81A29F, #40514C)
• Mallow Delta color palette (#EFF6FF, #A7C8FF, #DFA8DF, #6DBFBD, #384352)
• Weathered Market color palette (#E5EDFB, #4465FD, #3C3B6B, #0F1D34, #000207)
• Dusty Orchid color palette (#EBE0FE, #AC65FF, #734087, #303151, #050613)

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