Cobalt Harbor color palette — #C3E5EE · #0FB6F4 · #357ED6 · #4D5DA2 · #3F3962

Azure and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C3E5EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#0FB6F4): A luminous, balanced blue — the color of deep harbor water.
• Azure (#357ED6): A full-bodied, balanced blue — the color of open sky before noon.
• Slate (#4D5DA2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#3F3962): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Frosted Canyon color palette (#D9EEF0, #1EA7DB, #0C74C5, #364389, #462E5C)
• Linen Indigo color palette (#D1F1F1, #65C9EE, #3A9EF7, #5A64D0, #403067)
• Pale Indigo Study color palette (#CEE1F4, #89AEFF, #7F75E4, #715191, #4D2D52)
• Hushed Turquoise Thicket color palette (#CFF3EC, #00C1D0, #0096B8, #00618E, #253D5D)
• Gentle Indigo color palette (#F1F4FF, #ADB7FF, #6C78D3, #3A498C, #121D47)
• Tempered Ultramarine color palette (#D5E9F3, #008BDA, #244EDF, #3C2992, #281046)
• Ultramarine Workshop color palette (#FEE6FC, #8FBAFF, #C28810, #2C5FB3, #493000)
• Mallow Summit color palette (#FFF0FE, #E8D3E9, #F4B1E7, #4F99B3, #503947)

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