Emerald Canyon color palette — #F4F7E9 · #68A068 · #AE6481 · #745B29 · #3D3E37
A conversation between Moss and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F7E9): bright and airy, almost weightless.
- Moss (#68A068): A luminous, balanced green — the color of a quiet forest floor.
- Mocha (#AE6481): A full-bodied, balanced rose — the color of strawberry cream.
- Coffee (#745B29): A full-bodied, dusty gold — the color of old brass.
- Charcoal (#3D3E37): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Emerald Canyon 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
- Muted Jade Studio color palette (#F3F7ED, #4EA479, #9B6C9A, #774F75, #3C3E37)
- Pewter Lantern color palette (#F0F7F1, #38AAAF, #8F5897, #674F18, #344423)
- Dusty Driftwood Lantern color palette (#F1F7F2, #D2DDDE, #BBB0A6, #698B74, #4E5550)
- Tempered Garden color palette (#E8FBEC, #00929F, #A05F00, #1D622F, #26382A)
- Teal Ridge color palette (#E4F6FB, #00AAA9, #7580AE, #3B6957, #15262A)
- Worn Bloom color palette (#EEF8EE, #00C3C1, #8C99C7, #8D7930, #354135)
- Plum Grove color palette (#E6FCEC, #008595, #B8006D, #634300, #003239)
- Aged Indigo color palette (#F2F7F1, #93CEC1, #7F6DC2, #007F6E, #382930)
Browse the whole catalog at Explore, or see today's palette.