Weathered Emerald color palette — #F4F0D3 · #429B5C · #006A55 · #00436C · #2F312B
Fern and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F0D3): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#429B5C): A luminous, balanced teal — the color of sea glass.
- Pine (#006A55): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#00436C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Espresso (#2F312B): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, 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
- Lagoon Ridge color palette (#ECF6E0, #008C67, #005E6E, #193770, #2D2E00)
- Dusty Terrace color palette (#F8F7DC, #51AB8F, #007A78, #384C79, #32432A)
- Hushed Chapel color palette (#F6F6EA, #B2CEB0, #05898E, #006153, #00434B)
- Moss Courtyard color palette (#F9EED2, #928923, #4D6420, #004A4B, #313306)
- Linen Jade color palette (#F0FADD, #A4DE88, #00B775, #008573, #31342D)
- Chalky Aubergine color palette (#CDF0C9, #008F91, #005C6F, #3F0091, #002F34)
- Hushed Pine color palette (#EEECD0, #007951, #004740, #00234C, #001C13)
- Dusty Alley color palette (#FCE4D3, #779648, #006A61, #621344, #161A00)
Browse the whole catalog at Explore, or see today's palette.