Tempered Harbor color palette — #F6E7DF · #7ED0D4 · #00A2C7 · #00815B · #002139

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

The five colors

• Rose Water (#F6E7DF): a clean, paper-quiet neutral.
• Aqua (#7ED0D4): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#00A2C7): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00815B): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002139): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Aged Azure Harbor color palette (#F3E3D7, #86CBE8, #3E97E6, #007D79, #0F1551)
• Sky Corridor color palette (#F9EBE4, #B8DEC6, #4FAEE8, #009381, #132C57)
• Petrol Corridor color palette (#DFF1ED, #7EBEC2, #008492, #005A53, #00242C)
• Muted Denim color palette (#F2E5EE, #69A9AC, #00627A, #003B28, #000C19)
• Gentle Sky color palette (#FFF2EC, #B1F1F9, #34C7FA, #00A983, #044271)
• Wandering Fuchsia color palette (#EFD9EF, #DA73DF, #008A5F, #288500, #200322)
• Teal Courtyard color palette (#FBF3EF, #C4E9E4, #90C6E2, #66A794, #573D5A)
• Weathered Byzantium color palette (#F6D8DE, #E285F4, #03AC52, #9018A4, #00220B)

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