Azure Coast color palette — #FFF0F9 · #D6D7F0 · #13A1F7 · #00736B · #0F1F52

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Powder Blue (#D6D7F0): A whisper-light, dusty violet — the color of a velvet chair.
• Cornflower (#13A1F7): A luminous, vivid blue — the color of a favorite pair of jeans.
• Teal (#00736B): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#0F1F52): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Azure Coast 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

• Gentle Azure color palette (#FEF0FA, #C3FAFF, #00A9D6, #007557, #002644)
• Turquoise Garden color palette (#FCF1F9, #CCDCF3, #00C2E5, #008D59, #003956)
• Faded Petrol color palette (#FDF4E5, #72C5E1, #0076A9, #005557, #003362)
• Dusty Grove color palette (#FFF0F8, #8BD8F9, #007DD4, #00514F, #040233)
• Ancient Grove color palette (#FBF2F6, #D8D4DE, #94BCFE, #00949D, #343E5A)
• Petrol Loft color palette (#FAE8F4, #6FC9C3, #007485, #004120, #000306)
• Hushed Ultramarine color palette (#FAE9EE, #74A8D1, #1844C2, #002B2F, #010009)
• Ancient Fuchsia Hollow color palette (#FFF0F8, #FF6FC9, #008F5A, #008480, #27001A)

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