Cobalt Harbor color palette — #B4F4EC · #5EACBF · #427CB2 · #623542 · #350F01

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

The five colors

• Sea Foam (#B4F4EC): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#5EACBF): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#427CB2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#623542): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#350F01): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged vintage, retro, muted, 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

• Timeworn Cobalt Ridge color palette (#C6E6F9, #6FA4D8, #6D6CB6, #652811, #221300)
• Tempered Basalt color palette (#D2F7F4, #7BB6AC, #3A8097, #592B4E, #210C25)
• Antique Turquoise Terrace color palette (#E7F4E9, #2EB3C6, #7884B4, #855B4D, #451303)
• Cerulean Lagoon color palette (#CAEBF0, #3894CB, #4D5B9A, #551010, #0D0400)
• Hushed Onyx color palette (#CCE3F0, #639589, #4A5682, #502A49, #460D2C)
• Hushed Aubergine Parlor color palette (#D8EAF8, #6B79B6, #673C84, #3D1F00, #020100)
• Onyx Alley color palette (#D8EBD8, #478E83, #316254, #4F1C05, #151000)
• Washed Turquoise Thicket color palette (#CAE8E9, #00A5BE, #006B8D, #003D5E, #000718)

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