Azure Harbor color palette — #D9F6EB · #0098D6 · #A66900 · #005E86 · #492F0B

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

The five colors

• Honeydew (#D9F6EB): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0098D6): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#A66900): A full-bodied, balanced gold — the color of old brass.
• Peacock (#005E86): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#492F0B): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Azure 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

• Wandering Lantern color palette (#E4F4E4, #00A1A4, #BE5510, #006365, #4F2A17)
• Soft Cornflower color palette (#FFE6FA, #6085F6, #A36B00, #39519B, #492F06)
• Tempered Cobalt color palette (#C8EFE1, #0082BE, #8C6500, #565A0F, #063428)
• Ancient Terrace color palette (#D5EDFF, #1A9CD8, #4C8E41, #005C83, #042401)
• Misty Iris Alley color palette (#FFE6F6, #878FFE, #597600, #484B9B, #2C3C08)
• Airy Cobalt Loft color palette (#CBE5DE, #0070BE, #765200, #003B68, #261800)
• Worn Lantern color palette (#FFF1F6, #BAA3E0, #989E66, #7B669D, #4F4D46)
• Linen Peony color palette (#D7F7ED, #65AFEC, #D06EAB, #1677B8, #541E41)

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