Cobalt Harbor color palette — #CEE1F2 · #1286CA · #905E00 · #004D79 · #3A2300

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

The five colors

• Frost (#CEE1F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#1286CA): A full-bodied, balanced blue — the color of open sky before noon.
• Ochre (#905E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Peacock (#004D79): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3A2300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, 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

• Washed Garden color palette (#D1EFE7, #0383D8, #9A5900, #00497C, #1E0D00)
• Airy Ridge color palette (#E3F0FF, #5D90CF, #997100, #0055A5, #463200)
• Dusty Brick Lantern color palette (#CDE1F5, #3C84C0, #BE2A14, #004C7E, #520500)
• Soft Nightshade color palette (#D4DEF8, #7574C3, #955B00, #441AB8, #3D2200)
• Worn Ridge color palette (#CFE2FE, #4068C0, #695800, #0016A7, #211A00)
• Tempered Hollow color palette (#E1EBF7, #006AC8, #7E5500, #4C4A00, #001F42)
• Weathered Amber color palette (#C0E8DD, #90C8FF, #E08C03, #0072BF, #3C2200)
• Softworn Balcony color palette (#F0F5FF, #8F9BD6, #918E37, #4F58BD, #474505)

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