Azure Harbor color palette — #F3F8E5 · #89D6FF · #0095DF · #006F87 · #00345E

Azure and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F3F8E5): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#89D6FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Azure (#0095DF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006F87): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00345E): 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 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

• Frosted Cerulean color palette (#F5F8DF, #6FDEE9, #009DB4, #00736F, #003948)
• Gentle Coast color palette (#FEF4E3, #77C2E9, #0072BA, #00545D, #0F2E6B)
• Periwinkle Alley color palette (#FDF3EB, #D8E3F7, #5A97FF, #007369, #261456)
• Periwinkle Terrace color palette (#ECF9EE, #ACE2FF, #56B1FF, #0095A4, #042A77)
• Periwinkle Lagoon color palette (#F3F6EF, #DADDFA, #84A6DA, #55809B, #554052)
• Linen Orchid Basin color palette (#E6DDF2, #B153FF, #EB035A, #0076AE, #2D1841)
• Teal Alley color palette (#E3E4D0, #1EA6A5, #00656B, #003C34, #000C0F)
• Violet Workshop color palette (#FFEFF4, #FBCFFF, #F49CD8, #8163C5, #4B3057)

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