Pale Azure Harbor color palette — #F3F7E8 · #97D3FA · #0092E7 · #006E8A · #003264

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F3F7E8): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#97D3FA): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#0092E7): A luminous, vivid blue — the color of a favorite pair of jeans.
• Peacock (#006E8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003264): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

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

• Azure Meadow color palette (#E4FBF9, #D4DBEF, #31A0F5, #006E8B, #00244D)
• Cerulean Bloom color palette (#F5F7E8, #88DAE8, #009CBA, #007273, #00394A)
• Cobalt Lagoon color palette (#E4E7DC, #8AB7DB, #2E77BF, #005571, #011C4A)
• Faded Periwinkle color palette (#FFF1F6, #B1E1FF, #72ACFF, #00979C, #2A2B61)
• Petrol Basin color palette (#E7E8DC, #6BAEB6, #007385, #004A48, #00171F)
• Hushed Cerulean color palette (#F4F6F0, #CBE3E6, #95B4DC, #458FB6, #5F4B5D)
• Pale Moss Market color palette (#E5EBC9, #889600, #009585, #AD5000, #232700)
• Moss Alley color palette (#F1ECCB, #ACA700, #7B8900, #485C00, #223600)

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