Cobalt Harbor color palette — #D8FFF4 · #98CDFF · #F183C6 · #0083D5 · #50103B
A conversation between Azure and Bubblegum, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D8FFF4): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#98CDFF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Bubblegum (#F183C6): A luminous, balanced pink — the color of neon signs at night.
- Azure (#0083D5): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#50103B): A deep, shadowed, balanced pink — the color of peonies in June.
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
- Pale Indigo color palette (#FFF0FB, #A9BBFF, #F07D94, #586BD3, #48101F)
- Hushed Wisteria color palette (#DFFEEB, #4EDBFD, #D688FD, #008DA7, #411754)
- Wandering Market color palette (#EFF6FF, #77B0FF, #D76AE7, #009A95, #092141)
- Hushed Azure Archive color palette (#DBFEF3, #8DCCFF, #FFAD56, #0094E4, #563000)
- Hushed Periwinkle color palette (#EFF6FF, #DBD8E2, #BAADA6, #50A9ED, #2E4069)
- Cornflower Bloom color palette (#FFF0FE, #A5C9FF, #00CE8C, #2379EF, #003823)
- Hushed Iris color palette (#FFF0F9, #CCD0FF, #6CCFC3, #7F81CB, #00423D)
- Tempered Garden color palette (#FFF0F7, #FFC9C8, #6D5CA9, #31215A, #13010B)
Browse the whole catalog at Explore, or see today's palette.