Azure Field color palette — #FFF0F9 · #D5D9F5 · #17A1F9 · #007559 · #16185C

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Powder Blue (#D5D9F5): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#17A1F9): A luminous, vivid blue — the color of deep harbor water.
• Teal (#007559): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#16185C): 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 Field 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

• Washed Cypress color palette (#FBF2F8, #D1D6E7, #6AAEDF, #248160, #1D2E4C)
• Azure Summit color palette (#FDF1FC, #9BF8FE, #009FD2, #086E3C, #0A1E3B)
• Misty Sky Summit color palette (#F4F8E3, #9AE7FE, #00BBEE, #0096A1, #003850)
• Hazy Navy color palette (#FEF2EC, #73C5DC, #0075AD, #00574D, #00297C)
• Gentle Cobalt color palette (#FEF1F8, #83D9F9, #327CC9, #005345, #0A032D)
• Wandering Aqua Bloom color palette (#ABFFD7, #00D7CD, #0096B6, #005990, #101062)
• Timeworn Loft color palette (#EBF7FF, #59D0FF, #ED4E1D, #007698, #3C0A00)
• Gentle Ultramarine color palette (#FEE7EE, #7ABEF3, #4357CF, #003E3E, #04000E)

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