Emerald Alley color palette — #E7E0C2 · #9DB077 · #4E9043 · #4D4000 · #181C00

A conversation between Olive Leaf and Sage, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#E7E0C2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9DB077): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#4E9043): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#4D4000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#181C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance. Tagged pastel, light.

Use it as a design system

One click turns Emerald Alley 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 Studio color palette (#DCF1DA, #7CBA95, #008870, #2E4D00, #001D07)
• Jade Bloom color palette (#E5DECD, #86AB64, #008E80, #522D00, #050A00)
• Dusty Bronze color palette (#FBE4CE, #BFA073, #947B00, #682F00, #281500)
• Tempered Teal color palette (#DFF1E7, #9ABF7E, #00AB91, #834A00, #0F1800)
• Pale Forest Drift color palette (#E3F1D2, #B1CBA6, #16AFB5, #00713E, #2D3E1D)
• Tempered Lime color palette (#E1E4D4, #9DCE40, #5BBD6E, #7F7515, #111B00)
• Feathered Jade Balcony color palette (#EAFCCE, #AEE899, #49C180, #656400, #203C00)
• Cerulean Atelier color palette (#D4EAD1, #7DBCC3, #0090B3, #005D4E, #002627)

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