Cobalt Harbor color palette — #E5DFD5 · #78BCD6 · #007DB6 · #00595C · #001F42

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Bone (#E5DFD5): bright and airy, almost weightless.
• Sky (#78BCD6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#007DB6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00595C): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#001F42): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Timeworn Cobalt color palette (#E8FAF8, #9AD6ED, #0085B4, #00505B, #000E1A)
• Cornflower Meadow color palette (#F4EEE4, #99CBF0, #2784F4, #00697C, #212B50)
• Lilac Meadow color palette (#C6EBDB, #A3C2F2, #A595FF, #007688, #032A49)
• Softworn Courtyard color palette (#F6EFE3, #7AA7CF, #0B5ADC, #004759, #0C0B38)
• Sunlit Cerulean color palette (#C8E5E4, #009DB0, #006D89, #004868, #001E39)
• Ancient Denim color palette (#F2EADD, #489FB8, #006085, #003B3B, #000A18)
• Tempered Cerulean Drift color palette (#FBF4E9, #81DDDE, #009DB3, #00755D, #00394B)
• Sunlit Harbor color palette (#CCE3F2, #007EB0, #BC006F, #575E00, #001420)

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