Tempered Harbor color palette — #CCF2E6 · #0073B7 · #6100B0 · #5F003A · #002A2F

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

The five colors

• Honeydew (#CCF2E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0073B7): A full-bodied, balanced blue — the color of open sky before noon.
• Plum (#6100B0): A full-bodied, vivid violet — the color of wild irises.
• Mulberry (#5F003A): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Midnight (#002A2F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged vibrant, 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

• Pale Nightshade Canyon color palette (#CEF2DE, #007A98, #3500D5, #55005A, #002B25)
• Sapphire Workshop color palette (#F8DFF4, #2056FE, #710098, #61002E, #002A31)
• Hushed Hollow color palette (#CBEAD0, #00818A, #7F007C, #3B2900, #150C00)
• Washed Balcony color palette (#D9EFD6, #007F7A, #00507C, #3D0080, #002D0D)
• Weathered Grape color palette (#EEDBE2, #7B49B9, #7F0056, #580D00, #2B1C00)
• Pale Mulberry color palette (#FFF0F8, #7E65DF, #990082, #7C0012, #00354C)
• Ancient Thicket color palette (#D5E2ED, #7396D3, #6566C5, #6F3556, #56291C)
• Byzantium Thicket color palette (#B8F5FA, #009FA9, #A60FB2, #5C4300, #302100)

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