Cobalt Harbor color palette — #FBF4EF · #ABCFBA · #0080BC · #006156 · #273A5C

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Pistachio (#ABCFBA): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0080BC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#273A5C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aqua Parlor color palette (#FFF2EC, #5CCBD3, #007999, #00583F, #00355A)
• Antique Cornflower Thicket color palette (#FDF3EB, #A0D6F7, #137AF5, #006669, #373B67)
• Ancient Cobalt Veranda color palette (#FBF4ED, #BCE8D8, #6389D0, #007078, #5C3C50)
• Muted Azure color palette (#F4F7E9, #96E1F9, #51A0C2, #247982, #103F58)
• Weathered Ultramarine Station color palette (#F4EDE6, #87B7E1, #3C5CCD, #004E58, #2D274D)
• Ancient Cerulean color palette (#F9E9DF, #318CAA, #003F68, #002220, #010329)
• Worn Basin color palette (#F0E4DC, #65A8C8, #0058A0, #003E3D, #141947)
• Linen Study color palette (#FCDBDE, #BE68B0, #006E26, #006771, #412024)

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