Azure Field color palette — #FEF1FA · #AEF3FF · #239CDB · #006D4A · #0F1B40

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

The five colors

• Ivory (#FEF1FA): bright and airy, almost weightless.
• Sea Foam (#AEF3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#239CDB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006D4A): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#0F1B40): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Dusty Periwinkle color palette (#FEF1F8, #D6D4E0, #70ABE5, #2E7E6A, #212D4B)
• Cobalt Summit color palette (#FFF0F7, #89D7FF, #4678CD, #00524B, #0E022C)
• Powdered Ember Basin color palette (#E8F8FF, #00BFD5, #E5662F, #00707E, #2F0B00)
• Petrol Parlor color palette (#DCEDEA, #8FBBCE, #00788F, #004B4C, #001923)
• Mint Workshop color palette (#ADFFD1, #00D1BF, #0090A1, #005173, #0D1F50)
• Powder Corridor color palette (#E9F8FF, #65CCFF, #008AAD, #003D57, #000508)
• Misty Bronze color palette (#E7F9FF, #00A5B0, #BB6C00, #9A5800, #000F15)
• Tempered Studio color palette (#EEDBE4, #58AED0, #0F549D, #002C25, #010009)

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