Tempered Cerulean Harbor color palette — #D7F7F7 · #008CA1 · #00677F · #003854 · #00172E

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D7F7F7): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#008CA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00677F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003854): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#00172E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

Use it as a design system

One click turns Tempered Cerulean 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 Field color palette (#CFEDF3, #04ABD0, #006B96, #00406B, #091B44)
• Washed Basin color palette (#D6EADB, #00996B, #006958, #00403C, #001E20)
• Bronze Lantern color palette (#D7EBE2, #008BB9, #A25200, #004D69, #210B00)
• Patina Ridge color palette (#D7E3EF, #479CEA, #005E9A, #002B44, #00040B)
• Wandering Denim Study color palette (#98FFDF, #00BFCC, #008FAE, #004E99, #121448)
• Cobalt Villa color palette (#D0E3EC, #74B3E8, #4876B5, #3B4D89, #2B2B4E)
• Powdered Workshop color palette (#D8F0FB, #0092DB, #0056B0, #15288B, #100740)
• Misty Lilac Courtyard color palette (#CBF7E8, #ACC7FF, #A594E3, #006E7F, #240D25)

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