Azure Field color palette — #FDF3EB · #B1E1CC · #6C99CD · #257A7A · #4C2F45
A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF3EB): a clean, paper-quiet neutral.
- Mint (#B1E1CC): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#6C99CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#257A7A): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal (#4C2F45): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Patina Turquoise Loft color palette (#FFF2ED, #96E4EB, #4BA1C1, #287D61, #1B3D5A)
- Iris Terrace color palette (#FFF3E5, #BEDFFF, #7493FF, #008092, #403863)
- Hushed Cobalt Market color palette (#FEF3EB, #A0D2BC, #4F78B8, #006157, #38345D)
- Hushed Lagoon color palette (#FBF3EE, #C3F2F1, #8CBDB1, #549390, #5F4B5A)
- Hushed Lagoon color palette (#FAF3F6, #C5E5FC, #8CB2F3, #00A194, #3A3260)
- Amber Boulevard color palette (#FEDEC4, #E17300, #0096C4, #5777B2, #3D250F)
- Hushed Turquoise color palette (#F9E2D8, #3DB4C1, #007092, #004C39, #00152A)
- Sapphire Courtyard color palette (#EEE3D7, #7BB8E7, #426ED3, #005860, #1D183F)
Browse the whole catalog at Explore, or see today's palette.