Cobalt Harbor color palette — #FDF1F8 · #93DAF3 · #3A83C9 · #006855 · #36396D

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

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Ice Blue (#93DAF3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3A83C9): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006855): A full-bodied, balanced teal — the color of sea glass.
• Navy (#36396D): 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

• Cerulean Bloom color palette (#FAF2F8, #ABE9F1, #5792B3, #3F6E54, #384861)
• Sapphire Courtyard color palette (#FFF0F7, #4CC6F8, #1F6ACE, #00574D, #30295F)
• Patina Dune color palette (#F0F4E3, #AFDCC5, #2B8DB9, #00606D, #002840)
• Indigo Thicket color palette (#DAFFEF, #A5AB25, #665CCD, #5E6100, #353269)
• Denim Lantern color palette (#FBE5F3, #389DB8, #004C80, #003125, #0C0A3A)
• Lagoon Pier color palette (#EEE1EF, #009390, #004454, #012504, #000A18)
• Hazy Powder color palette (#FDF3ED, #C0ECFF, #72BDFF, #00A69E, #293B75)
• Faded Aqua color palette (#DCFFEA, #9AF6DF, #51D1DC, #9B633C, #204D41)

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