Cobalt Harbor color palette — #FFF0F8 · #6BC5E5 · #0073B6 · #005651 · #1E2F61

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sky (#6BC5E5): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0073B6): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
• Navy (#1E2F61): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Aqua Corridor color palette (#FFF0FA, #60CCC8, #007B8F, #005933, #003751)
• Patina Aqua Pier color palette (#F0F4E2, #57CBF4, #007CA8, #00505B, #001C2F)
• Softworn Sapphire Orchard color palette (#FFF1F6, #7CC0F1, #135BF5, #00555C, #2F246B)
• Cerulean Canyon color palette (#DCFDFA, #76DAFF, #0098CF, #00707F, #003655)
• Muted Denim color palette (#ECDCE4, #64A9C8, #00589E, #003E3D, #12174B)
• Feathered Sky Dune color palette (#FEF4E3, #A2E5FF, #38B6FD, #00979C, #003265)
• Muted Cobalt Garden color palette (#FAF3F5, #C7E0F5, #678AC9, #007078, #3C4665)
• Worn Lagoon color palette (#EDDFE8, #4E9F9B, #005360, #003219, #001623)

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