Cobalt Harbor color palette — #F4F7EC · #A8D8C5 · #0081C4 · #004F61 · #000D1F

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

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Pistachio (#A8D8C5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0081C4): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004F61): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000D1F): 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 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

• Wandering Azure color palette (#CDE6ED, #00A0CA, #006E96, #003554, #000916)
• Airy Raspberry color palette (#D3F8EC, #3499DF, #C239A0, #005280, #14000E)
• Softworn Byzantium color palette (#C6E6FF, #0081C4, #8B3DC0, #006353, #000204)
• Cypress Coast color palette (#EFEFE2, #7BC6C6, #00757F, #003F38, #000304)
• Weathered Thicket color palette (#F6F6ED, #BEE8DB, #00A6AD, #006B5C, #002328)
• Antique Petrol Quarry color palette (#FEF0FF, #DED8EF, #AEAEFF, #0071A3, #001338)
• Muted Sky Market color palette (#F3F7E9, #DAD6E1, #69B4FB, #0082A7, #123461)
• Cornflower Workshop color palette (#F5E9E0, #8DC8EC, #3C90FF, #007C80, #181942)

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