Airy Field color palette — #D2E6FF · #3180FF · #2F4CCB · #2B3287 · #2A2856

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

The five colors

• Frost (#D2E6FF): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#3180FF): A luminous, vivid blue — the color of open sky before noon.
• Cobalt (#2F4CCB): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#2B3287): A deep, shadowed, balanced violet — the color of a velvet chair.
• Navy (#2A2856): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

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

• Ultramarine Villa color palette (#D7E4EF, #2C7CDA, #2A4BBE, #312083, #19063B)
• Iris Harbor color palette (#DFE6F6, #718FFF, #5458BB, #443C7E, #372F53)
• Hushed Indigo color palette (#CFDEFF, #6068FB, #007C69, #363B94, #003128)
• Amethyst Archive color palette (#CCE4EC, #50B5FC, #567DFB, #6F48DF, #3C144A)
• Linen Grape Canyon color palette (#E4E0FF, #947EF7, #5E38B2, #2E0A65, #15013D)
• Azure Terrace color palette (#CBE9F4, #009CCD, #006B9A, #003E67, #211D50)
• Wandering Indigo color palette (#E4E8FB, #6E52F6, #5718B9, #3B0073, #240A3C)
• Gentle Amethyst color palette (#DCE0F0, #6F3BEB, #A12364, #00566B, #171C3A)

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