Cobalt Harbor color palette — #EFEEFF · #008ACE · #008573 · #080D11 · #000102
A conversation between Cerulean and Teal, giving this palette its sense of trust and stability.
The five colors
- Blush (#EFEEFF): A whisper-light, dusty violet — the color of a velvet chair.
- Cerulean (#008ACE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#008573): A full-bodied, balanced teal — the color of sea glass.
- Ink (#080D11): a grounded near-black with real depth.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged neon, dark, vibrant, muted.
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
- Hushed Pine color palette (#D8DEF0, #0092A4, #00894E, #070D10, #000201)
- Timeworn Indigo color palette (#F4E5EE, #686AFF, #008097, #090C12, #000103)
- Lagoon Canyon color palette (#CCF4F3, #00868F, #004A58, #001119, #000103)
- Olive Grove color palette (#FFD6D5, #0082DA, #2A8F00, #021400, #000202)
- Lilac Atelier color palette (#FFE1EF, #A29CFF, #00ABCD, #050D15, #000103)
- Abyss Garden color palette (#D3E4E8, #9FC1CC, #7A97A3, #004641, #000102)
- Wandering Amethyst Hollow color palette (#FCE7F5, #8730FF, #566E00, #050F08, #000202)
- Charred Ultramarine Harbor color palette (#F9E2E3, #0D31FD, #1A6300, #020D09, #010100)
Browse the whole catalog at Explore, or see today's palette.