Cobalt Harbor color palette — #FCEDF5 · #75C7EC · #0074C8 · #005250 · #0D0158

A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Blush (#FCEDF5): bright and airy, almost weightless.
• Sky (#75C7EC): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0074C8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005250): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0D0158): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Cobalt Lagoon color palette (#F7EFF4, #AECCDF, #3582BC, #005C55, #101D42)
• Worn Denim color palette (#F2E2E9, #75A3BD, #0555AB, #00393B, #07002F)
• Quiet Cornflower Loft color palette (#FFF2E9, #7CD8FF, #0090F2, #00726F, #212D65)
• Frosted Wisteria color palette (#E6F4FF, #B4C9FF, #D179F2, #007077, #002243)
• Pale Cerulean Coast color palette (#BCE9E1, #0095A1, #00647F, #003C61, #001442)
• Misty Boulevard color palette (#D0E7FF, #23A4FE, #005F98, #002B4A, #000612)
• Softworn Cypress Grove color palette (#F7EFF2, #D6DBEC, #839DC9, #007A82, #2D354D)
• Quiet Harbor color palette (#D6EDFF, #0078B6, #9B4B00, #744600, #00101D)

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