Cobalt Harbor color palette — #DBF4FF · #0087BF · #005582 · #002D54 · #190C3D
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#DBF4FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#0087BF): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005582): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002D54): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#190C3D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Navy Parlor color palette (#C3EEF3, #007994, #004B6E, #00245C, #06002A)
- Faded Navy Bloom color palette (#D1E3E5, #0099C0, #0068A0, #00369C, #19134A)
- Dusty Lagoon color palette (#D2F6EE, #008D86, #005858, #003134, #031826)
- Worn Iris Canyon color palette (#D0E0F6, #A7B7ED, #8B74D5, #004D7E, #16234F)
- Timeworn Forest Courtyard color palette (#D5E1ED, #0073B4, #006D26, #003C62, #002207)
- Hushed Aubergine Canyon color palette (#C9E3F8, #00618C, #6420A0, #004938, #001421)
- Sunlit Study color palette (#D5E0ED, #006BD6, #0801C7, #100074, #12004C)
- Soft Corridor color palette (#C9E6FF, #7DB5E8, #437DC1, #2057AA, #34436E)
Browse the whole catalog at Explore, or see today's palette.