Tempered Harbor color palette — #FFF1F7 · #6BC3F2 · #1D60E9 · #005650 · #342760

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sky (#6BC3F2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#1D60E9): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#342760): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, 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

• Cobalt Lagoon color palette (#FFF0FA, #3BCBE9, #0073B4, #005841, #222B67)
• Cobalt Grove color palette (#EFF5E0, #88C3E9, #0077BC, #004E63, #001A38)
• Nightshade Veranda color palette (#ECDCE2, #65A6D3, #334DAB, #003E3D, #24153E)
• Dusty Azure Hollow color palette (#E6FAF9, #8ED4FF, #0093E5, #006E89, #003363)
• Wandering Periwinkle color palette (#DEEBFF, #3E9FFE, #0052AE, #002D5B, #001A33)
• Wandering Petrol Lagoon color palette (#CAE4F4, #007AAB, #845B00, #515000, #00283B)
• Ancient Cerulean Thicket color palette (#F9F3F9, #AAEBE6, #3798B2, #496D47, #344A60)
• Azure Delta color palette (#D0E8FF, #259AEB, #984800, #005284, #4B2000)

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