Tempered Harbor color palette — #E5F3F0 · #3EA3AA · #006470 · #003C38 · #000B10

Built around Turquoise, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#E5F3F0): bright and airy, almost weightless.
• Turquoise (#3EA3AA): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006470): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#003C38): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000B10): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Tempered Turquoise color palette (#D7E6E4, #46B3C2, #007287, #004A49, #001720)
• Dusty Corridor color palette (#F6E8F5, #6DAFB4, #005D7D, #002D16, #000106)
• Denim Lagoon color palette (#DBEFEE, #6298C4, #0058A3, #00384D, #000722)
• Ancient Cerulean color palette (#E2F3F0, #A2CBE2, #0092C3, #006A76, #00324C)
• Sunlit Delta color palette (#D9EBEA, #8EB6DB, #0072DB, #005474, #081C46)
• Ancient Bronze color palette (#D2E6D7, #816500, #00665F, #463500, #000807)
• Moss Corridor color palette (#D6F2E2, #9FA351, #6A9800, #624B00, #121000)
• Washed Bronze Meadow color palette (#F5F0DC, #917E00, #544A00, #201A00, #020200)

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