Cobalt Harbor color palette — #FFF1F6 · #9AD3FF · #5177C8 · #005058 · #0D022D
A conversation between Azure and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Sky (#9AD3FF): A whisper-light, balanced blue — the color of open sky before noon.
- Azure (#5177C8): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#0D022D): 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
- Softworn Veranda color palette (#FDF1F9, #63E1E9, #0087A8, #00543A, #000E1C)
- Navy Field color palette (#D1E9EB, #00ACD6, #006EA4, #00337C, #0A0030)
- Gentle Iris Chapel color palette (#F1E1E7, #98C6E9, #6F8AEE, #007D7D, #261241)
- Patina Ultramarine color palette (#E8E0D8, #75A2C6, #3B4AB2, #00393A, #110025)
- Mallow Summit color palette (#EEF6FF, #DADDFF, #E6A5DE, #00798A, #010D27)
- Feathered Pier color palette (#E0F0FF, #009BE7, #A07000, #00527E, #0D0600)
- Quiet Cerulean Lantern color palette (#FEF1FA, #95F9FD, #00A2C5, #006D4B, #002137)
- Cobalt Chapel color palette (#CBE4FF, #007DD5, #995900, #6D4F00, #000205)
Browse the whole catalog at Explore, or see today's palette.