Emerald Field color palette — #EAF9F7 · #AAD0AB · #83B8E0 · #5A9F5F · #30506B
Built around Kelly Green, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF9F7): a clean, paper-quiet neutral.
- Pistachio (#AAD0AB): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#83B8E0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Kelly Green (#5A9F5F): A luminous, balanced green — the color of fresh herbs.
- Peacock (#30506B): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged light, muted.
Use it as a design system
One click turns Emerald 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
- Moss Archive color palette (#EAF9F2, #C8C890, #6AC1CD, #959200, #16575F)
- Lagoon Ridge color palette (#E9F8FC, #8DD3CF, #AEA8E8, #00A19C, #4B476D)
- Hushed Lagoon color palette (#E6FAFB, #99D3BC, #D8A76A, #29A380, #3C553A)
- Aged Alley color palette (#E5FAF9, #C6E4F3, #AEBAE0, #8DB686, #3F5858)
- Worn Coast color palette (#EEF7F8, #AFDDCD, #4F8B79, #285559, #202E30)
- Aged Celadon color palette (#F4F8E3, #BCF8B9, #98D3FF, #80A67D, #264F43)
- Timeworn Blush color palette (#EAF9F5, #A3B984, #CE79A4, #637D3B, #54475E)
- Weathered Amber color palette (#EBFAEF, #D4C392, #D99DB5, #A68927, #574562)
Browse the whole catalog at Explore, or see today's palette.