Tempered Harbor color palette — #FAF4EC · #9DD2C3 · #4175D0 · #005C72 · #32375A

Sapphire takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Pistachio (#9DD2C3): A whisper-light, dusty teal — the color of sea glass.
• Sapphire (#4175D0): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005C72): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#32375A): A deep, shadowed, dusty violet — the color of wild irises.

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

• Feathered Cobalt Lagoon color palette (#FCF4E8, #7AC2E5, #0073B6, #00555C, #0D3068)
• Timeworn Cerulean Thicket color palette (#FAF4EB, #ABD0B2, #0086A1, #006154, #133F55)
• Weathered Cobalt color palette (#F7F0E9, #A2CDF2, #6977B6, #005B5D, #331522)
• Azure Parlor color palette (#C7F0FD, #0CACE3, #006FAE, #0B4B8F, #2A395F)
• Patina Iris Alley color palette (#FFF1F5, #B2DAFB, #8091D2, #057B7D, #353759)
• Ancient Canyon color palette (#FFEFFF, #EFC6E0, #C396D6, #297A9C, #4B3746)
• Patina Denim color palette (#F0E9DF, #579AAE, #005070, #00302F, #00152A)
• Azure Canyon color palette (#D7F7EE, #4992D9, #A46B00, #00589A, #4B2E01)

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