Cobalt Harbor color palette — #FFE7F0 · #DF8829 · #006DC7 · #723F00 · #000716

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

The five colors

• Blush (#FFE7F0): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#DF8829): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#006DC7): A full-bodied, vivid blue — the color of deep harbor water.
• Bronze (#723F00): A full-bodied, balanced gold — the color of old brass.
• Ink (#000716): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Hushed Grove color palette (#DEF5E4, #C09B22, #0E65DC, #5F4B00, #00061B)
• Frosted Amber Dune color palette (#FFE6F1, #D87312, #0088A6, #763B00, #00090E)
• Cobalt Lagoon color palette (#EFE4D7, #EF9A2C, #007EDB, #9E6000, #001B37)
• Worn Lapis color palette (#D3E9D5, #A47400, #5742E9, #503600, #01000A)
• Faded Denim color palette (#FDE9EF, #975B00, #005A9B, #4F2D00, #000815)
• Aged Byzantium color palette (#D5F8E5, #AFA322, #8E3CC8, #564F00, #0F001B)
• Linen Petrol color palette (#F5DEB2, #9B7300, #0071AE, #00598B, #030100)
• Iris Pier color palette (#DCFFE9, #E0BF28, #8478EF, #7E6900, #1E005B)

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