Cobalt Harbor color palette — #FDF1F9 · #9BDAEB · #2A85C8 · #006950 · #313A72

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

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Ice Blue (#9BDAEB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#2A85C8): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006950): A full-bodied, balanced teal — the color of sea glass.
• Navy (#313A72): 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

• Washed Cypress Harbor color palette (#FAF2F9, #BBE4F3, #5293B3, #37704D, #364961)
• Worn Cerulean Lantern color palette (#F7F1E7, #9EDBED, #0A8EC0, #006261, #002645)
• Chalky Workshop color palette (#FFF1F8, #5EC7E9, #006FC5, #005748, #2A2867)
• Worn Onyx color palette (#FAEAF5, #559BAA, #004E78, #003122, #060643)
• Washed Navy Loft color palette (#F4DFE5, #5B85A8, #282C89, #002223, #100022)
• Weathered Spruce Delta color palette (#E7DAE9, #6EABA8, #006177, #044209, #00203C)
• Olive Study color palette (#DBFFED, #81F2FF, #87B4F4, #7E7B00, #0F544A)
• Faded Jade Parlor color palette (#FFF2EB, #B8EFFF, #72BDFF, #00A985, #353C65)

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