Azure Field color palette — #FFF2EE · #FFAEB3 · #009FD2 · #4E79C4 · #49191F

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Ballet Pink (#FFAEB3): A whisper-light, balanced red — the color of a theater curtain.
• Cerulean (#009FD2): A luminous, balanced blue — the color of open sky before noon.
• Azure (#4E79C4): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#49191F): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Teal Quarry color palette (#FFF2F0, #FFA9CC, #00AA8C, #008A96, #441B2E)
• Hazy Coral color palette (#F6D7C8, #F17058, #189ECA, #007FA5, #330B05)
• Antique Azure Cabin color palette (#FFF3E4, #FCB944, #2E98E9, #666ECB, #3C2700)
• Dusty Apricot color palette (#FFF2E9, #F2A47A, #8AADED, #9485C0, #38312D)
• Patina Indigo color palette (#FFF3E3, #FFA87E, #B5A919, #5867CC, #4D2D00)
• Weathered Clover Terrace color palette (#FFF3E7, #F18F0E, #30B555, #1276D6, #421512)
• Linen Sapphire color palette (#EEE5C3, #AAB112, #00A6D3, #2067F4, #202200)
• Washed Magenta color palette (#F5F4FF, #C665E5, #0098A4, #006F97, #382040)

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