Azure Field color palette — #DCECEA · #80CDE5 · #00A0D0 · #007B87 · #002235
Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#DCECEA): bright and airy, almost weightless.
- Sky (#80CDE5): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00A0D0): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007B87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002235): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Hushed Summit color palette (#D9EAEA, #9EC4EA, #3D90FF, #0076A4, #0E1C42)
- Ancient Turquoise color palette (#D0E5E6, #00ACBF, #0089A3, #00637B, #002738)
- Quiet Cobalt color palette (#F0E6EC, #76BDD3, #007CBA, #005A51, #081C47)
- Quiet Hollow color palette (#DBECF8, #0096DB, #AA41FB, #00896F, #001322)
- Sky Ridge color palette (#D9E9F5, #37B6FD, #0089C2, #005C8A, #000A14)
- Hazy Pier color palette (#EAF9F6, #89EEEB, #00C1CC, #009987, #003A42)
- Periwinkle Garden color palette (#EBF8F8, #C9E3FF, #7FB3FF, #4495C1, #2A3B55)
- Airy Lantern color palette (#DCEEFD, #00A8ED, #E81AD3, #0079AC, #33002D)
Browse the whole catalog at Explore, or see today's palette.