Dusty Emerald color palette — #F7F6E9 · #9DC08F · #4F9258 · #7F5C15 · #36362F

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Sage (#9DC08F): A luminous, dusty green — the color of new leaves after rain.
• Fern (#4F9258): A luminous, balanced green — the color of a quiet forest floor.
• Ochre (#7F5C15): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#36362F): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Dusty 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

• Tempered Veranda color palette (#F6EBCC, #A9B442, #658500, #655D00, #2D3100)
• Patina Bronze color palette (#F4F6ED, #A3D1B6, #4CA285, #847026, #394A00)
• Hushed Lagoon color palette (#FAF5E4, #B3DDB8, #339D8F, #825559, #262B09)
• Patina Pine Boulevard color palette (#E3E7D4, #72B690, #008665, #35613B, #232D07)
• Jade Orchard color palette (#F8F5E8, #72AC70, #2B715B, #634138, #35362F)
• Ancient Teal color palette (#E6FBF3, #AFD7A7, #6FB18B, #A47860, #193C38)
• Seafoam Grove color palette (#F4F9DB, #BBF9D4, #67E4C7, #709356, #42443D)
• Emerald Basin color palette (#E1E9C6, #38B05B, #0099B3, #987000, #292F0E)

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