Cobalt Harbor color palette — #EEF0E8 · #9CCCE5 · #0090D0 · #00697D · #003053

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#EEF0E8): bright and airy, almost weightless.
• Sky (#9CCCE5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0090D0): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00697D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003053): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Cobalt 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 Station color palette (#EFEFE5, #AECEB4, #0097AB, #006C68, #003440)
• Antique Azure color palette (#F4F7ED, #B4DFD1, #579ADD, #00769B, #253B5C)
• Muted Bloom color palette (#F8ECE3, #87B9D3, #0768BC, #00504F, #242B4D)
• Timeworn Petrol Cabin color palette (#EFF1E3, #6EADBC, #00718E, #00494E, #001622)
• Denim Orchard color palette (#EBF0E2, #7096BB, #1A57A1, #003850, #00012E)
• Ancient Alley color palette (#F4F6F0, #CCE2E4, #8DB6DA, #3093B2, #604962)
• Softworn Emerald Summit color palette (#ECDBCA, #CE853C, #009F63, #905200, #00321C)
• Cocoa Studio color palette (#F9E2D1, #C0946E, #9F6034, #813000, #351E00)

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