Tempered Harbor color palette — #EDF6FF · #FE9D86 · #006EB0 · #003D66 · #071C2E

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Melon (#FE9D86): A luminous, balanced orange — the color of sun-warmed clay.
• Peacock (#006EB0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003D66): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#071C2E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged luxury, dark, cool.

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

• Hushed Blush Market color palette (#E7F9FF, #FB9BA1, #00777F, #004348, #001F28)
• Sunlit Sapphire Ridge color palette (#EFF6FF, #E6B147, #3A63C0, #1D3672, #0F1B2D)
• Patina Cobalt color palette (#E0FDF4, #FFCABE, #006FB5, #003054, #000A07)
• Tempered Apricot color palette (#D2E0F0, #DD8F66, #27568F, #002854, #010B1B)
• Frosted Cerulean Quarry color palette (#ECF7FF, #F5C865, #009ACE, #006487, #041D2C)
• Worn Marigold color palette (#E3FCF1, #C49B3D, #004F6B, #002B3C, #002116)
• Timeworn Lantern color palette (#F0F6FD, #DDD7E3, #D1B7CD, #5987CA, #35414F)
• Dusty Dune color palette (#DCE4F2, #BA8900, #233F87, #03124A, #00020C)

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