Tempered Harbor color palette — #F6ECE6 · #7BBDD0 · #006CB1 · #00523F · #242A51

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

The five colors

• Cream (#F6ECE6): bright and airy, almost weightless.
• Cyan (#7BBDD0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#006CB1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#242A51): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Cobalt Atelier color palette (#FBF4EE, #90CFED, #5379B2, #006156, #38355A)
• Hushed Petrol color palette (#DCEDEB, #83BDD1, #00759A, #004A52, #001827)
• Softworn Denim color palette (#F5EBE2, #59A6DE, #3C4FA0, #003E3E, #25153D)
• Aged Station color palette (#FCE6DE, #24A1AB, #00516E, #003219, #001036)
• Periwinkle Station color palette (#F4ECF1, #B5D9EC, #47AEF1, #009284, #0F2961)
• Patina Forest Loft color palette (#FCF3F0, #C8E6C7, #5095AC, #416E46, #524155)
• Plum Thicket color palette (#F5E5ED, #BC0083, #006F5C, #005159, #331125)
• Dusty Navy Terrace color palette (#F0E4DB, #3889B6, #183383, #002221, #0D0025)

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