Azure Harbor color palette — #EFF8F0 · #A4DEF7 · #609CC7 · #1B7A7F · #253C57

Built around Blue Fog, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Powder Blue (#A4DEF7): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#609CC7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#1B7A7F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#253C57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Periwinkle Lagoon color palette (#F0F7F1, #D8DCFA, #8AA5D7, #44849A, #3B4763)
• Antique Villa color palette (#E7F2E9, #7DD6D4, #0097A9, #006F54, #003343)
• Softworn Teal color palette (#D6E6D9, #20B7BD, #007385, #004C3D, #001721)
• Hushed Field color palette (#D9EADC, #3B9ECB, #005B97, #003A41, #000526)
• Powdered Cobalt Field color palette (#DEE9E0, #7DB9DF, #3377BE, #005764, #0D1B46)
• Hushed Lilac Chapel color palette (#DEE3FF, #A474FD, #CA6E12, #008B76, #262942)
• Soft Indigo color palette (#DBE8FE, #89A9FF, #7670DD, #624E99, #493059)
• Weathered Station color palette (#E9EEFF, #A795FF, #969D38, #7164B0, #363900)

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