Soft Cobalt Harbor color palette — #D3EBFF · #81AFEC · #5171C3 · #3B438B · #210E54

A conversation between Sapphire and Indigo, giving this palette its sense of trust and stability.

The five colors

• Frost (#D3EBFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#81AFEC): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#5171C3): A full-bodied, balanced violet — the color of a velvet chair.
• Indigo (#3B438B): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#210E54): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Cobalt Archive color palette (#D1F6FF, #56BADC, #0087BB, #004976, #00214C)
• Violet Ridge color palette (#E5EDFF, #ACA5E7, #8264C1, #5D3580, #3A0548)
• Aubergine Ridge color palette (#C7F9FF, #5FBBEA, #5376B2, #4E457F, #552868)
• Misty Iris color palette (#ECF7FF, #90C0FF, #7293DF, #57609E, #37306F)
• Softworn Indigo color palette (#FAECFC, #759ED8, #5D61B1, #6A2F4D, #152338)
• Patina Iris Summit color palette (#E9F3FF, #BBE4FF, #8ABFFF, #7F83DC, #172338)
• Muted Driftwood color palette (#ECF2FF, #B6BBE0, #947AA0, #735672, #43313D)
• Linen Grape Corridor color palette (#D8E3FA, #767CFF, #6900F5, #3E0079, #1B002B)

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