Cobalt Harbor color palette — #EAF8FF · #A4D2F8 · #7FA5E2 · #6C71B5 · #484B6D

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

The five colors

• Ivory (#EAF8FF): a clean, paper-quiet neutral.
• Powder Blue (#A4D2F8): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#7FA5E2): A luminous, balanced blue — the color of open sky before noon.
• Slate (#6C71B5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#484B6D): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, 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

• Petrol Delta color palette (#F2F5FF, #C4D2F9, #9594D1, #635DA1, #323559)
• Hushed Cobalt Corridor color palette (#D9FFF4, #95BBEE, #587FCA, #516396, #634A5B)
• Hushed Petrol color palette (#CEF4F9, #8CD4D1, #4BB1C9, #217EA3, #375068)
• Iris Atelier color palette (#F0F5FF, #B1C4EA, #CFAA76, #7787CF, #604824)
• Gentle Workshop color palette (#E1E9FD, #A09AE8, #8F63C9, #893199, #572649)
• Washed Grape color palette (#C9E3FA, #86B2FF, #836DFF, #7526D5, #60296B)
• Hushed Pewter color palette (#FFF1F7, #BBD2BC, #B68EA1, #8A6883, #384E41)
• Plum Alley color palette (#DCE5FF, #C4A8E0, #B97AC0, #9E4581, #663640)

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