Azure Field color palette — #FEF2ED · #BDE7C9 · #00A9E3 · #00856D · #154071
A conversation between Cyan and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF2ED): a clean, paper-quiet neutral.
- Celadon Mist (#BDE7C9): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#00A9E3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00856D): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#154071): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Muted Sky color palette (#FBF2F8, #D1D6E8, #1DBDFD, #008A72, #17365B)
- Azure Ridge color palette (#FFF2EB, #86D9EF, #0096D8, #007466, #002C74)
- Hushed Alley color palette (#FEF3EA, #B5DFCE, #6F97CE, #007B7F, #4F2E45)
- Dusty Lagoon Loft color palette (#FEF3ED, #C2E9DE, #6FB0C3, #468A68, #225244)
- Antique Hollow color palette (#D9EFE9, #00CDC4, #0098AA, #006D92, #00446C)
- Teal Chapel color palette (#E1FEEA, #E0E2F5, #C8BAFF, #34A693, #254B67)
- Tempered Petrol color palette (#FAE6DC, #6CAEB8, #007094, #004C3B, #00142C)
- Hushed Cerulean Terrace color palette (#E9F8FF, #7AD1FF, #0095C9, #005E7D, #002C3E)
Browse the whole catalog at Explore, or see today's palette.