Tempered Harbor color palette — #DFF5F2 · #85BBCD · #0080A8 · #005861 · #002235

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

The five colors

• Cream (#DFF5F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#85BBCD): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0080A8): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005861): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002235): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cerulean Courtyard color palette (#F4F7E8, #8BD9F3, #0086B1, #005059, #000E1A)
• Muted Ultramarine Orchard color palette (#DFF0EF, #79A7CD, #0067BA, #00465F, #001036)
• Soft Workshop color palette (#E4F2F1, #9BCBED, #408BCD, #006885, #0D2D56)
• Denim Alley color palette (#DDEDEA, #5F9DAD, #00627B, #003B3E, #000B13)
• Faded Cerulean color palette (#E5FBF6, #75DFDE, #009FAA, #007466, #003A43)
• Pale Azure color palette (#E9F9F7, #AEE4FC, #48A6D8, #008093, #00436B)
• Muted Mulberry Station color palette (#E8DFF4, #C953A3, #007AC1, #91006E, #001C32)
• Antique Market color palette (#FAE0E8, #CA207B, #9A5500, #5844A5, #280013)

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