Emerald Field color palette — #F4F6EF · #D1DDD5 · #B0C4BA · #3F945C · #364000

Fern and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D1DDD5): a clean, paper-quiet neutral.
• Stone (#B0C4BA): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#3F945C): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#364000): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Lagoon Balcony color palette (#F1F7F2, #CEDDDB, #A8C6C4, #009298, #313F33)
• Bronze Field color palette (#F8F5ED, #D7DBD2, #B7C4B0, #8D8300, #3D3A34)
• Lagoon Cabin color palette (#F5F6EA, #B0BA90, #3F936B, #46703C, #35362F)
• Softworn Garden color palette (#E5EFE0, #009581, #2D482C, #17270E, #0B0F06)
• Abyss Ridge color palette (#E7F0E5, #AAB9AB, #7E9F86, #006059, #0B1808)
• Denim Bloom color palette (#F1F1D6, #44B997, #008986, #2A4FA3, #233717)
• Pewter Corridor color palette (#E0F4E9, #A1C4B7, #768FB2, #81588A, #603E41)
• Mint Chapel color palette (#EFF9E8, #A0EEC1, #00DAB4, #00AEB6, #003731)

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