Azure Field color palette — #FFF2ED · #98EBF5 · #00A8E6 · #228557 · #2B3F64

Cyan and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#98EBF5): A whisper-light, balanced blue — the color of open sky before noon.
• Cyan (#00A8E6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#228557): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2B3F64): A deep, shadowed, dusty violet — the color of wild irises.

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

• Softworn Periwinkle Cabin color palette (#FFF3E8, #B3E2FF, #6B98F7, #00837C, #413668)
• Sky Drift color palette (#FDF1FA, #CFD8ED, #01BFF6, #008B6C, #003662)
• Powdered Azure Cabin color palette (#FFF2EC, #5BDFF6, #0096DA, #007651, #192B6D)
• Worn Ridge color palette (#FCF3F0, #D4EDD0, #56B3CC, #63855E, #2F4F47)
• Hushed Cerulean Coast color palette (#E8FAF6, #98DBE4, #008FA5, #006764, #00475A)
• Weathered Cobalt color palette (#EBDED2, #74BAE7, #4F6FC5, #005956, #241245)
• Timeworn Ultramarine color palette (#F7EADF, #519CC1, #084FBA, #003C36, #0B0027)
• Airy Turquoise Parlor color palette (#FAE1D8, #1BB7C0, #007095, #004D28, #001134)

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