Cobalt Harbor color palette — #FDF1FA · #99DAE8 · #0088C8 · #006A4A · #2B3B72

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Ice Blue (#99DAE8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0088C8): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006A4A): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2B3B72): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Hushed Forest color palette (#F9F3F9, #BBE4F1, #5A93A9, #3E6F47, #324A64)
• Softworn Navy Grove color palette (#FFF0F9, #76C5D8, #0074B4, #005841, #1F2576)
• Hushed Cerulean Balcony color palette (#F8F1E6, #9FDBE8, #0090B9, #00635C, #002840)
• Weathered Balcony color palette (#EBDDE8, #4F9DA7, #005072, #00321D, #000942)
• Patina Navy color palette (#F0DDE3, #4988AE, #15318A, #002221, #0D0025)
• Timeworn Lime Ridge color palette (#E9E7D4, #89B910, #008B46, #006353, #0B465A)
• Muted Olive Delta color palette (#DDFFE7, #9EEDE9, #8CB7EC, #77731B, #04564F)
• Airy Harbor color palette (#F4E4EA, #76A4CA, #3C4AAE, #003E3F, #271240)

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