Azure Harbor color palette — #FFF0F9 · #D6D7F1 · #0EA2F5 · #00736A · #091E57

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Powder Blue (#D6D7F1): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cornflower (#0EA2F5): A luminous, vivid blue — the color of open sky before noon.
• Teal (#00736A): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#091E57): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Airy Azure color palette (#FFF0FB, #C2FAFF, #00A9D5, #007556, #002643)
• Faded Pine Villa color palette (#FEF0FA, #CDDDF3, #00C2E3, #008D55, #003A55)
• Sky Pier color palette (#F4F8E1, #9DE6FF, #00BAF4, #0095A4, #003752)
• Petrol Lantern color palette (#FEF4E3, #71C5E0, #0077A7, #005556, #003460)
• Cobalt Alley color palette (#FDF2F7, #94D7F3, #007ED2, #00524E, #04072B)
• Timeworn Parlor color palette (#FAF3F6, #D8D4DF, #95BCF9, #229399, #343E59)
• Tempered Nightshade color palette (#FBEBF0, #77A8CE, #214BAE, #002B2F, #010009)
• Antique Atelier color palette (#FFF0F8, #FF924E, #00ACC7, #A74D00, #00232A)

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