Cobalt Harbor color palette — #FAEDF7 · #81E1EF · #1F8DC1 · #006641 · #12224A

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

The five colors

• Blush (#FAEDF7): bright and airy, almost weightless.
• Ice Blue (#81E1EF): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#1F8DC1): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006641): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#12224A): A deep, shadowed, dusty 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

• Cornflower Cabin color palette (#FFECF3, #9DD8FF, #567CE2, #00625F, #281C45)
• Worn Cobalt color palette (#FFEBF8, #3CD0E9, #0079B4, #00543A, #080F4A)
• Cerulean Station color palette (#E5FAF7, #8CDDE9, #008EA7, #006666, #00475B)
• Feathered Azure color palette (#FEF3EE, #AAE7F0, #00AADF, #00856A, #16416C)
• Weathered Teal Station color palette (#CEEEDA, #00B099, #007E8E, #005173, #002242)
• Dusty Ash color palette (#F8EFF4, #D6D1E7, #819FC2, #41747B, #2F3648)
• Aged Wisteria color palette (#D5FAFF, #D5D6F6, #C59FF6, #2A8059, #0A3146)
• Sky Studio color palette (#DFF6FF, #00C7F1, #00759F, #003D4E, #00141C)

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