Cobalt Harbor color palette — #C3EACB · #2D79C9 · #513A8B · #4C2900 · #162145
A conversation between Azure and Indigo, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#C3EACB): A whisper-light, dusty teal — the color of glacier melt.
- Azure (#2D79C9): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#513A8B): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#4C2900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Midnight (#162145): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged retro.
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
- Weathered Cornflower color palette (#DAF7E0, #5C83D6, #694690, #583800, #252F49)
- Indigo Bloom color palette (#C3EACB, #7065CE, #732678, #3E3200, #291B3F)
- Gentle Orchard color palette (#C5E9CC, #0084A2, #214991, #630901, #00283B)
- Airy Sapphire Parlor color palette (#D5E3F5, #2062CD, #7E0059, #412700, #002715)
- Dusty Corridor color palette (#E1E0C5, #00A6B1, #5958C4, #375200, #002839)
- Faded Nightshade Field color palette (#E2F3EF, #00898D, #343CA3, #183500, #001119)
- Twilit Nightshade Orchard color palette (#E1EBFF, #3A3DC0, #443131, #1E1232, #030818)
- Worn Petrol Market color palette (#E8F1EA, #8AB7DD, #3B66AE, #004D5F, #242A51)
Browse the whole catalog at Explore, or see today's palette.