Worn Moss color palette — #E2E2B3 · #B4C06F · #9E9A00 · #837100 · #222E00
Moss and Walnut set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#E2E2B3): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B4C06F): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#9E9A00): A luminous, balanced green — the color of a quiet forest floor.
- Walnut (#837100): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#222E00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Worn Moss 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
- Gentle Amber color palette (#F7E8D3, #CAAF65, #B2862B, #8E6122, #2F2200)
- Dusty Bronze Workshop color palette (#E9E0C7, #A0A464, #887F24, #6C5800, #131900)
- Aged Lantern color palette (#E2E2C0, #8B962F, #625E00, #403600, #0E1500)
- Worn Apricot Drift color palette (#FFEBD4, #EEBF72, #D6943C, #A77244, #39352F)
- Tempered Amber color palette (#E0F5D3, #00B493, #C66200, #886E00, #021E01)
- Ancient Cocoa Lantern color palette (#FFF2EA, #EAC9B0, #D19F8A, #A37F6C, #5A3200)
- Feathered Bronze color palette (#FFEBDB, #C57C2B, #A55500, #7E3200, #130900)
- Antique Lantern color palette (#CCEFD6, #8CD56D, #008FA2, #005865, #001507)
Browse the whole catalog at Explore, or see today's palette.