Cobalt Harbor color palette — #D6EAFF · #0070BE · #7A4F00 · #003B68 · #271700

A conversation between Royal Blue and Coffee, giving this palette its sense of trust and stability.

The five colors

• Frost (#D6EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#0070BE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Coffee (#7A4F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#003B68): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#271700): 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

• Airy Terrace color palette (#DCE9FD, #4163CE, #6B5700, #110FA8, #221A00)
• Weathered Canyon color palette (#CEE4EF, #007A91, #A22100, #00414E, #370500)
• Cobalt Courtyard color palette (#C6ECDD, #0091CB, #956D00, #00597F, #251800)
• Misty Dune color palette (#DFE3FC, #7B4CC9, #506200, #48008B, #171E00)
• Gentle Mulberry color palette (#E0EDFF, #0057B2, #94002C, #1F4900, #00112C)
• Ancient Amber Thicket color palette (#D2EAE4, #68B5FF, #C87B03, #0060A4, #291500)
• Hazy Grape color palette (#DAE4FF, #766AFD, #827000, #4900D0, #362E00)
• Hushed Petrol color palette (#EFF6FF, #80A0D5, #A5843E, #3D64A5, #553E06)

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