Cobalt Harbor color palette — #D0F0FB · #007CAD · #00447A · #001D58 · #07003A

Cerulean and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D0F0FB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#007CAD): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00447A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001D58): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#07003A): 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 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

• Navy Villa color palette (#CAF6F9, #008AA4, #005381, #16008A, #29004D)
• Nightshade Bloom color palette (#D6E8F5, #006CCA, #0731B1, #1E0075, #0F002B)
• Worn Orchard color palette (#CAE5E3, #007C84, #004B59, #002C3B, #000D1B)
• Misty Chapel color palette (#DCEFEF, #00A5CB, #0067AF, #111386, #14002B)
• Nightshade Pier color palette (#D8E3FF, #667BD8, #1B37A1, #0D0061, #00000B)
• Powdered Cobalt color palette (#D5E5EE, #73B1E7, #4F7BBD, #404E87, #242446)
• Sapphire Alley color palette (#DAEBFF, #176AC4, #774F00, #00356C, #0E0600)
• Linen Orchid color palette (#D4E0F0, #B0ADF3, #A567BA, #00557A, #060627)

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