Soft Emerald color palette — #FDF4E7 · #B9923C · #009762 · #007077 · #152C27

Built around Fern, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Mustard (#B9923C): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#009762): A full-bodied, balanced teal — the color of glacier melt.
• Teal (#007077): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#152C27): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Soft Emerald 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

• Wandering Lagoon Atelier color palette (#F7F5EC, #9AA86D, #009692, #3B6E8D, #3E2F39)
• Tempered Harbor color palette (#FDF3E7, #CA9B59, #65901E, #006D61, #532C20)
• Feathered Periwinkle color palette (#FBF2FB, #579FE7, #5E8730, #007058, #1F3328)
• Ancient Taupe Study color palette (#FBF4E7, #B99D47, #987D29, #006363, #230E10)
• Amber Harbor color palette (#FFF3E3, #EA9C6F, #B67700, #3A7239, #423C37)
• Soft Blush Study color palette (#FDF0FE, #EE9199, #60AC76, #378CB1, #28263E)
• Soft Lilac Field color palette (#F9F5E9, #A279D3, #009189, #006782, #32222E)
• Washed Emerald color palette (#F5F8DC, #29A513, #00819D, #004EA8, #351522)

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