Weathered Emerald color palette — #CFE6DD · #5B9A5B · #007359 · #6A363C · #000900
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Silver (#CFE6DD): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#5B9A5B): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007359): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#6A363C): A full-bodied, dusty red — the color of embers at dusk.
- Ink (#000900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered 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
- Softworn Pine color palette (#D5E4D9, #80923E, #2B7334, #594500, #050700)
- Hushed Coast color palette (#E3E0C8, #578240, #005514, #382900, #020800)
- Quiet Emerald color palette (#D6E3D7, #35A546, #1D7A09, #004716, #000300)
- Patina Garden color palette (#DFF7E4, #A5AD6F, #539049, #756132, #1A1D00)
- Plum Veranda color palette (#D6E3D3, #459E2B, #AF0864, #771D9B, #000200)
- Misty Amethyst color palette (#CFEDE7, #54A826, #8550CA, #1F5000, #0A001A)
- Teal Workshop color palette (#D2EEE7, #56C2A2, #2CA9B9, #766B00, #001006)
- Moonless Forest color palette (#E9E4CC, #30662F, #003225, #2D000A, #000200)
Browse the whole catalog at Explore, or see today's palette.