Cobalt Harbor color palette — #EEF6FF · #88BCF4 · #BFA24D · #2683D8 · #524000

Azure takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#88BCF4): A luminous, balanced blue — the color of open sky before noon.
• Gold (#BFA24D): A luminous, balanced green — the color of new leaves after rain.
• Azure (#2683D8): A luminous, balanced blue — the color of open sky before noon.
• Deep Olive (#524000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Timeworn Field color palette (#F2F5FF, #B3B0E9, #A5AC58, #7D69E2, #434615)
• Cobalt Study color palette (#FEF0FD, #BBD6FF, #E6AF69, #5F8ACE, #4C330F)
• Muted Cerulean color palette (#ECF7FF, #76C3E7, #E58773, #008CBA, #60352B)
• Muted Bloom color palette (#F0F5FF, #89A2E5, #BE8F49, #9D841E, #283853)
• Powdered Bloom color palette (#EEF6FF, #A9CFFF, #7CD3A1, #6CA1E4, #1F4D34)
• Grape Lantern color palette (#E1E2FF, #A6A3FF, #AD8500, #5902E9, #3B2B00)
• Ultramarine Alley color palette (#FEF0FC, #809FDA, #C86488, #3862B3, #5B3733)
• Washed Turquoise color palette (#EFF6FF, #DDD8E2, #EDB9A9, #51A8C4, #474F6A)

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