Emerald Ridge color palette — #ECF0DB · #309242 · #5D4687 · #3D1D6A · #2D000C
A conversation between Kelly Green and Royal Purple, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECF0DB): A whisper-light, dusty green — the color of new leaves after rain.
- Kelly Green (#309242): A full-bodied, balanced green — the color of a quiet forest floor.
- Plum (#5D4687): A full-bodied, balanced violet — the color of wild irises.
- Royal Purple (#3D1D6A): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#2D000C): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Emerald Ridge 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
- Emerald Summit color palette (#ECEFE0, #339242, #693F85, #5C1A00, #290700)
- Wandering Market color palette (#F3F3E6, #5A8536, #005D78, #5C0B69, #452000)
- Quiet Clover color palette (#E0FCF6, #84B85B, #0083A4, #613177, #330E00)
- Quiet Meadow color palette (#F5F2E2, #899638, #605A9C, #6B262D, #380D12)
- Deep Aubergine Archive color palette (#E9EDDD, #006A38, #51086E, #2A003C, #0D0000)
- Wandering Garnet color palette (#DCE7DA, #007C73, #761E4F, #362300, #110900)
- Quiet Nightshade color palette (#EBE1B6, #6F7A00, #3F21C0, #422400, #190A00)
- Cocoa Studio color palette (#EDE3D1, #A5A97E, #65836D, #6F434A, #422018)
Browse the whole catalog at Explore, or see today's palette.