Moss Garden color palette — #E3E1C6 · #999706 · #656C00 · #374900 · #162600
Built around Moss, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E3E1C6): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#999706): A luminous, balanced green — the color of fresh herbs.
- Olive (#656C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#374900): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#162600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Moss Garden 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
- Washed Moss Delta color palette (#F7ECD8, #A59200, #676F00, #2B5809, #164023)
- Amber Field color palette (#FBE5CD, #C48B19, #886300, #524100, #241E00)
- Hazy Pine Loft color palette (#E3F4D7, #67AB54, #007732, #004924, #002819)
- Wandering Olive Meadow color palette (#EAECDC, #657700, #364A00, #153000, #010C00)
- Moss Loft color palette (#FFF3E2, #DABC53, #859700, #426B00, #103F22)
- Dusty Orchard color palette (#E9EBD9, #68A353, #0086B8, #266500, #001F2F)
- Muted Mint Summit color palette (#F2F4E1, #BAE7C3, #6CCDAA, #687E3A, #20240A)
- Emerald Ridge color palette (#E8EBD8, #309324, #007D8A, #7B5200, #141600)
Browse the whole catalog at Explore, or see today's palette.