Azure Harbor color palette — #E0E3D7 · #8EC9E8 · #0D9CE2 · #007A91 · #00213C

Cornflower and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E0E3D7): a clean, paper-quiet neutral.
• Sky (#8EC9E8): A luminous, dusty blue — the color of deep harbor water.
• Cornflower (#0D9CE2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007A91): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#00213C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Tempered Cerulean Hollow color palette (#EAEBE1, #87CED1, #00A5B5, #007E74, #00242C)
• Weathered Cobalt Balcony color palette (#ECF0E5, #B4D7FA, #76A6EA, #1A88BA, #1C2C51)
• Cobalt Hollow color palette (#F8EAE0, #87B9D3, #2476C9, #005959, #14164C)
• Cobalt Basin color palette (#E8EBDF, #65ABC7, #007EAF, #005B69, #000A16)
• Muted Turquoise color palette (#F6F8E0, #91EBF4, #00BFD9, #009892, #003947)
• Chalky Plum color palette (#EBDAD8, #EE61AB, #418FEE, #BF2780, #001A3B)
• Weathered Archive color palette (#F3F7ED, #BFE7EB, #93C2F5, #5CA2C2, #593C58)
• Weathered Ash color palette (#F5F6EE, #BFE0EA, #A4D3BB, #6DAFB4, #315245)

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