Airy Field color palette — #EFF4E4 · #45C77E · #0084A7 · #007E46 · #00151D
Clover takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EFF4E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#45C77E): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#0084A7): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#007E46): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#00151D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
Use it as a design system
One click turns Airy 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
- Ancient Meadow color palette (#E9F6E6, #00C5B8, #0078D9, #007972, #001229)
- Lime Balcony color palette (#F5F3DD, #96BC00, #008A7D, #5B7400, #001613)
- Mint Atelier color palette (#DFFCFB, #00E886, #0089BA, #008048, #000204)
- Indigo Corridor color palette (#E9F6EB, #00C1CE, #6E50FF, #00777F, #0F0B2D)
- Gentle Teal Archive color palette (#C9EEE1, #00C1B5, #008A9B, #005C77, #002E4D)
- Linen Mulberry color palette (#F9E1BC, #00B09F, #007B99, #8C0055, #003031)
- Antique Lantern color palette (#F2F7EF, #D5E2D5, #A8C6B3, #008B75, #2A3722)
- Gentle Boulevard color palette (#ECF8DE, #1BA675, #7D00C7, #810021, #1B1600)
Browse the whole catalog at Explore, or see today's palette.