Soft Cobalt Harbor color palette — #C1E9DE · #53A4C3 · #506AAF · #5A3F00 · #242200

A conversation between Slate and Cyan, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#C1E9DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#53A4C3): A luminous, balanced blue — the color of deep harbor water.
• Slate (#506AAF): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#5A3F00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#242200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Soft 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

• Muted Pewter Market color palette (#CDEEF5, #6F94C3, #765B9D, #464700, #00291D)
• Garnet Coast color palette (#E5EDE1, #65A69B, #157396, #6F2000, #2E2200)
• Wandering Archive color palette (#CEE6E4, #81B3A1, #7B73A9, #594D00, #003B1C)
• Cobalt Canyon color palette (#CEE4F8, #79A2E1, #686AB3, #6F3158, #58271F)
• Aqua Villa color palette (#CBEBE3, #4BC5E0, #717FC7, #7A5800, #403E00)
• Pewter Market color palette (#C7E4F1, #94728E, #684A72, #283100, #001B13)
• Ancient Orchard color palette (#FFEEE5, #86C9C9, #007F97, #005535, #001C2E)
• Muted Garnet color palette (#E1EDFE, #7A6396, #6E2643, #002918, #000F10)

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