Emerald Field color palette — #F1EAD3 · #52955C · #006056 · #3B3B00 · #001503

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

The five colors

• Parchment (#F1EAD3): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#52955C): A luminous, balanced green — the color of new leaves after rain.
• Pine (#006056): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#3B3B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#001503): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Emerald Harbor color palette (#C7EBDA, #47A553, #005B4F, #2E2D00, #000200)
• Aged Drift color palette (#F0E3D1, #A0AC6C, #398351, #00606F, #262D00)
• Softworn Forest color palette (#F2E2D0, #878846, #0B6511, #004046, #111000)
• Misty Coast color palette (#E6E4C5, #4EB05E, #00845F, #4A5E2C, #0F1100)
• Softworn Pine color palette (#CEE6DF, #208036, #00432E, #1A2700, #001312)
• Hushed Lagoon color palette (#CAEAD2, #008F79, #006565, #003748, #00182E)
• Washed Garnet color palette (#EAEDD4, #309686, #005D6D, #67102A, #001410)
• Chalky Fern Coast color palette (#F0ECD4, #79BC95, #008986, #546300, #00381F)

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