Cobalt Harbor color palette — #D6ECFA · #33A3F0 · #0078D3 · #06489A · #14285B
A conversation between Azure and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Frost (#D6ECFA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#33A3F0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#0078D3): A full-bodied, vivid blue — the color of open sky before noon.
- Indigo (#06489A): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#14285B): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Airy Cobalt Pier color palette (#CFEDFF, #56B8FF, #007FE0, #00408D, #041441)
- Feathered Turquoise color palette (#C9E9F3, #00ADDD, #007AA5, #00557F, #002D4F)
- Washed Ultramarine color palette (#CEE3E8, #16B4F5, #008DE5, #3B5ACC, #302259)
- Powdered Nightshade color palette (#D8EAED, #0093BD, #0063A9, #0919AA, #271F59)
- Indigo Lantern color palette (#E6EDFF, #8195F9, #655FD5, #4E3A99, #311E56)
- Softworn Cobalt Bloom color palette (#E3EDFF, #D1D1FF, #BAA3E8, #4B7ABA, #272B4E)
- Dusty Ultramarine color palette (#D0DFF7, #6E95EB, #C85D82, #315BC1, #500126)
- Timeworn Pier color palette (#D6E2FF, #ABBAFE, #8689DA, #6D64A5, #473D61)
Browse the whole catalog at Explore, or see today's palette.