Emerald Field color palette — #F5ECE9 · #A2E0E4 · #42B1E1 · #009754 · #132D54

Built around Kelly Green, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Cream (#F5ECE9): bright and airy, almost weightless.
• Ice Blue (#A2E0E4): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#42B1E1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Kelly Green (#009754): A full-bodied, balanced teal — the color of sea glass.
• Navy (#132D54): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Emerald Alley color palette (#FBF3EF, #CBE9D5, #72BAEF, #00A479, #2B3763)
• Azure Drift color palette (#F0E4DD, #94C9DD, #3995F0, #007F6A, #191052)
• Antique Iris color palette (#F5EDE5, #B5D7FA, #929CEF, #009097, #3A1D53)
• Ancient Study color palette (#E8F1EA, #9DCDDD, #0696B0, #006E5C, #003346)
• Timeworn Pier color palette (#DAE2CC, #61C694, #CA8AFD, #008E5C, #3A0C56)
• Orchid Corridor color palette (#D8E3D3, #00B89E, #AA78E6, #AD57E3, #00261F)
• Gentle Moss color palette (#F1F5DB, #AAF2EC, #8BD1FF, #AE9A00, #004236)
• Tempered Petrol color palette (#F0E5EE, #73C3C6, #007699, #044F24, #001534)

Browse the whole catalog at Explore, or see today's palette.