Cobalt Harbor color palette — #E1E9F8 · #5F70B4 · #312E43 · #0C1529 · #03070B

A conversation between Slate and Ink, giving this palette its sense of creativity and sophistication.

The five colors

• Frost (#E1E9F8): A whisper-light, dusty violet — the color of wild irises.
• Slate (#5F70B4): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#312E43): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0C1529): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#03070B): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

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

• Washed Terrace color palette (#F1DEEC, #7589DA, #62434A, #382834, #111B17)
• Twilit Atelier color palette (#F2E6FB, #98406F, #351B2D, #13051C, #020107)
• Feathered Emerald color palette (#F0F0FF, #A17CB8, #4E9249, #007862, #1D1A35)
• Smoked Grape color palette (#DBDFF2, #6928C9, #38052A, #0B0021, #000104)
• Inked Mulberry color palette (#EDE3FE, #920479, #3B3731, #350607, #090114)
• Airy Mulberry color palette (#E2EEFB, #9DA7E8, #7F63B5, #742B75, #461F33)
• Muted Villa color palette (#FBEDF5, #9FBCA4, #717B44, #624972, #182D1C)
• Aged Forest Parlor color palette (#DBF5FC, #A0C4D8, #77839D, #435F3D, #0F3B45)

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