Cobalt Harbor color palette — #E2F0FE · #0070CA · #00396B · #001126 · #000104
A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#E2F0FE): A whisper-light, dusty blue — the color of deep harbor water.
- Royal Blue (#0070CA): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Navy (#00396B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#001126): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged monochrome, dark, muted, 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
- Charred Atelier color palette (#D8EEF7, #007D9C, #003C4B, #00151C, #000102)
- Airy Basin color palette (#E1EFFF, #799BE4, #6869C0, #00466A, #00071C)
- Antique Cobalt Ridge color palette (#D6E4F6, #2688DF, #0059A8, #002B50, #00040D)
- Nightshade Archive color palette (#E9EFFF, #4D5ECA, #1D14A4, #070042, #00000B)
- Ultramarine Lagoon color palette (#D5E3FF, #6B9CFF, #0C46DA, #001E75, #00041D)
- Lowlit Aubergine Garden color palette (#E6E5FF, #574AB0, #2D0074, #220A0B, #070020)
- Iris Grove color palette (#EBF2FF, #B6C4F3, #7988BE, #404772, #0C1A37)
- Misty Amethyst Villa color palette (#F3EFFF, #B696FC, #7953C9, #491287, #140032)
Browse the whole catalog at Explore, or see today's palette.