Emerald Field color palette — #FDF1F9 · #BAEFFC · #22CBEA · #00AC67 · #004564

Kelly Green takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Frost (#BAEFFC): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#22CBEA): A luminous, balanced blue — the color of open sky before noon.
• Kelly Green (#00AC67): A luminous, balanced teal — the color of glacier melt.
• Navy (#004564): 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

• Faded Sky color palette (#FEF1F8, #BEEDFF, #6FBEFF, #00A69D, #273B76)
• Antique Turquoise color palette (#F5EBF2, #ACDCED, #05B5E3, #00956E, #003052)
• Mint Basin color palette (#DBEBDC, #0CDAA6, #00B4AF, #008A94, #004B62)
• Ancient Villa color palette (#F9F3F7, #D5D5E6, #B2C0E5, #63B49C, #3D556E)
• Antique Drift color palette (#EADEE6, #69ACC0, #007CB8, #005E54, #000427)
• Forest Chapel color palette (#FDEFE7, #90E1DB, #0093A7, #006636, #00293B)
• Airy Azure color palette (#E8DBE3, #89CBE4, #4798DC, #007E77, #0B1553)
• Worn Seafoam Boulevard color palette (#E4FAFF, #3DF7EE, #EA8077, #00AEA7, #6A1918)

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