Tempered Harbor color palette — #DEF2FF · #009DCA · #B8683F · #914A24 · #062A3C

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

The five colors

• Frost (#DEF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#009DCA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ochre (#B8683F): A full-bodied, balanced orange — the color of autumn markets.
• Burnt Sienna (#914A24): A full-bodied, balanced orange — the color of autumn markets.
• Midnight (#062A3C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Pale Lagoon Canyon color palette (#D6F5FE, #00A4A4, #B6646D, #93444E, #052C34)
• Azure Delta color palette (#E4F0FF, #5690DE, #9C7B30, #7A5B00, #13273F)
• Quiet Azure Drift color palette (#E1F1FE, #2E9ACF, #9F7A00, #007161, #07293E)
• Azure Hollow color palette (#E7F4FF, #3D9EDA, #AB4F67, #355C00, #003519)
• Washed Corridor color palette (#E7F2E4, #008279, #855500, #4A4700, #002E2A)
• Rose Meadow color palette (#EBFAEC, #00B4B8, #D75C67, #666300, #061A09)
• Blush Harbor color palette (#E9EEFF, #AA9CFF, #EB7683, #BD6844, #202539)
• Quiet Bloom color palette (#DBE4FF, #7F68FF, #B06000, #794D00, #1D1742)

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