Cobalt Harbor color palette — #FFF0F8 · #83C2DD · #0070C0 · #005653 · #1E2872
A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Sky (#83C2DD): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#0070C0): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005653): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#1E2872): 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
- Frosted Petrol Lagoon color palette (#FFF0FA, #66CACF, #007A96, #00583D, #003657)
- Cobalt Parlor color palette (#F0F5E1, #79C7E9, #007BAD, #00505D, #001C31)
- Hazy Denim color palette (#ECDEE5, #6EA7C6, #1256A2, #003E3F, #160F55)
- Hazy Azure color palette (#E2FBF9, #89D7F8, #0097D2, #007081, #003657)
- Petrol Villa color palette (#FCF2F6, #C9DFF4, #7689B7, #006F7C, #464269)
- Aged Garden color palette (#FFF2EA, #A5E4FF, #5AB1FF, #009892, #212E62)
- Hushed Navy Corridor color palette (#EEDFE4, #5B84AE, #263180, #002128, #0D0025)
- Washed Coast color palette (#EFE4EB, #599C9D, #005363, #00321D, #001625)
Browse the whole catalog at Explore, or see today's palette.