Cobalt Harbor color palette — #EFF7F5 · #E6D9DA · #DCBAB6 · #228BDC · #2F453F

Azure takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#E6D9DA): bright and airy, almost weightless.
• Stone (#DCBAB6): A luminous, dusty orange — the color of toasted spice.
• Azure (#228BDC): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#2F453F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Lagoon color palette (#F1F7F1, #CEDDDD, #D7BDC4, #00999F, #324535)
• Indigo Workshop color palette (#FBF2F8, #E7D5D2, #D3B9AD, #7571F6, #4F3747)
• Periwinkle Veranda color palette (#FAF2FB, #E8D4D8, #B6ACA0, #73A7E9, #463C46)
• Weathered Chapel color palette (#F0F6FD, #DAD8EB, #ACBCE0, #356BB0, #35414F)
• Misty Moss Delta color palette (#FFF3E5, #C5BD82, #70942E, #5762A8, #433B00)
• Aged Cabin color palette (#F9E6F2, #6E72F8, #533960, #381A30, #001611)
• Hazy Iris Quarry color palette (#FFF0FA, #848EFF, #B25E00, #814200, #003932)
• Gentle Meadow color palette (#C9F4D7, #A6C4F8, #A38CBF, #687C2B, #00573F)

Browse the whole catalog at Explore, or see today's palette.