Dusty Emerald color palette — #E1FDF2 · #9FC991 · #309D64 · #8B5C44 · #0A443D

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

The five colors

• Ivory (#E1FDF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#9FC991): A luminous, balanced green — the color of fresh herbs.
• Fern (#309D64): A luminous, balanced teal — the color of glacier melt.
• Walnut (#8B5C44): A full-bodied, dusty orange — the color of sun-warmed clay.
• Forest (#0A443D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance, 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

• Ancient Mustard color palette (#E9FAEF, #B7C370, #6B944F, #766930, #393E15)
• Aged Emerald Ridge color palette (#F9F6E3, #B9E8A9, #00AD66, #945A3C, #2E2F28)
• Antique Coast color palette (#D6EAE4, #81B389, #008663, #704C2F, #00302E)
• Airy Corridor color palette (#E6FBF2, #7EB289, #007A70, #7A3165, #124624)
• Aged Ash color palette (#EAF9F4, #B4DAD5, #7AA5A6, #66857C, #395350)
• Muted Orchard color palette (#F9F5E7, #9CE3A1, #00BFA9, #AD729F, #3A3B34)
• Emerald Terrace color palette (#E1FFDB, #7AD67B, #33A03B, #186807, #083201)
• Patina Meadow color palette (#D8F6CB, #68B23E, #458FEF, #CB4B5C, #1A3906)

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