Azure Field color palette — #F3F7E9 · #CFE9FF · #4B95E4 · #006586 · #0B1D3C

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

The five colors

• Ivory (#F3F7E9): a clean, paper-quiet neutral.
• Frost (#CFE9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#4B95E4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006586): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0B1D3C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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 Delta color palette (#F5F6EA, #A2F6FC, #00A4B7, #006A64, #00232B)
• Weathered Turquoise Boulevard color palette (#EFF0E3, #3FB5BC, #00606B, #002C28, #000102)
• Hushed Meadow color palette (#F4EEE4, #AAD9FF, #6DA5F8, #008DA8, #212957)
• Patina Cobalt color palette (#E3EBE5, #99B7D3, #376AB5, #004958, #0C0F39)
• Tempered Sky color palette (#EDF0E3, #4DC6F4, #006F9D, #003C47, #000307)
• Cerulean Delta color palette (#F5F7E8, #82DCE7, #00899F, #00514F, #000F15)
• Ancient Powder color palette (#F3F6EF, #E7D2CF, #AFCDFC, #709D8D, #5B4557)
• Tempered Coast color palette (#FFF2EE, #FF395A, #A57A00, #864EA5, #1D0400)

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