Cobalt Harbor color palette — #CBEEFE · #007DBC · #2B5087 · #3F2242 · #28061D

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

The five colors

• Frost (#CBEEFE): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#007DBC): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#2B5087): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#3F2242): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#28061D): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Softworn Cerulean color palette (#BEECEC, #008C9C, #005E7F, #2D3250, #1E0B29)
• Cobalt Boulevard color palette (#D1E1F3, #5970C4, #514C77, #461C31, #001416)
• Dusty Canyon color palette (#C9EBEE, #406F8A, #303D64, #470108, #231000)
• Petrol Loft color palette (#CAEFF2, #699484, #5563A4, #6D2B24, #1F0E00)
• Timeworn Petrol Study color palette (#DBE7F4, #006CB5, #006A35, #003A64, #000802)
• Muted Navy color palette (#DAEBCB, #3B9085, #22487E, #1F1F00, #030400)
• Patina Balcony color palette (#D7DEFC, #9D8FD6, #86609A, #70393F, #371D31)
• Tempered Teal Coast color palette (#DCECE8, #03A8A2, #006568, #003C32, #000C0E)

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