Emerald Field color palette — #E8F9F8 · #9BE9B3 · #81C0FF · #37A161 · #1F3A55

Kelly Green and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8F9F8): a clean, paper-quiet neutral.
• Mint (#9BE9B3): A whisper-light, balanced teal — the color of glacier melt.
• Sky (#81C0FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Kelly Green (#37A161): A luminous, balanced teal — the color of sea glass.
• Navy (#1F3A55): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Pale Study color palette (#E9FAF3, #CBDF88, #00D0F6, #819436, #113E51)
• Quiet Powder Cabin color palette (#E8F9FD, #7EE9E6, #B9AEFF, #009E9C, #383258)
• Airy Pier color palette (#DEFDF9, #97E1A0, #E5A2E7, #69B274, #453C5E)
• Airy Sky color palette (#DDFCFD, #69D2A8, #28B9F2, #A2933C, #133032)
• Weathered Taupe Lantern color palette (#E5FAFA, #C9E1EF, #AAA9C9, #82AD86, #2D494B)
• Powdered Meadow color palette (#D3FFFF, #A8E0F6, #2FBF85, #006A43, #002615)
• Washed Station color palette (#EBF8F9, #AEF7E0, #F0C47F, #41AF93, #374D39)
• Quiet Apricot Archive color palette (#E8F9F9, #8DECB4, #FEA24D, #32A168, #512F0E)

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