Azure Field color palette — #FCF3EF · #BCDFC3 · #36A3C9 · #007F60 · #193D5D

A conversation between Cyan and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#BCDFC3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#36A3C9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007F60): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#193D5D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Weathered Summit color palette (#FAF4F0, #C0E8E7, #73AADD, #008D87, #39466C)
• Frosted Cobalt color palette (#F6ECE6, #9BCCE6, #4388D9, #006C6D, #22265C)
• Dusty Cerulean Quarry color palette (#ECF8F6, #A6CCDA, #00879B, #00605D, #004252)
• Weathered Aqua Archive color palette (#F5F6EB, #ABEEF5, #53C3D9, #2C9E99, #1A4430)
• Dusty Denim color palette (#F6EBE7, #629DA8, #006084, #003D31, #00091B)
• Linen Terrace color palette (#F5E9DE, #77A9C9, #2461C2, #00494E, #110143)
• Weathered Cobalt color palette (#EFE1DA, #95BCA3, #007EB1, #005B4D, #001D49)
• Hushed Delta color palette (#FFDBD8, #D0729D, #859228, #008B78, #441E1D)

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