Tempered Harbor color palette — #EDF0E7 · #A4D0BD · #008FD3 · #00697E · #002F54

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#EDF0E7): bright and airy, almost weightless.
• Pistachio (#A4D0BD): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008FD3): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00697E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#002F54): A deep, shadowed, balanced 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

• Hushed Petrol Terrace color palette (#F3F7ED, #BCDDD2, #6999CF, #00769D, #203965)
• Softworn Lagoon color palette (#EFEFE5, #94D2CD, #00999E, #006E5C, #00353B)
• Patina Azure Quarry color palette (#EBF8F7, #CEDDFC, #489AD2, #00677D, #001F3C)
• Hushed Sapphire color palette (#F8ECE3, #7DBADB, #0567C0, #004F50, #242952)
• Wandering Periwinkle color palette (#F6EBF0, #A4DCFA, #5CA7FF, #009092, #252A4E)
• Softworn Balcony color palette (#E2E4D3, #66AEC0, #00718F, #00494E, #001622)
• Cobalt Orchard color palette (#D9EACB, #009D7E, #0083BD, #726C00, #00261D)
• Ancient Cerulean Hollow color palette (#F4F6F0, #CAE4E6, #8EB6DB, #3D92B0, #614962)

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