Moss Garden color palette — #E3FCF0 · #9BAE3F · #557523 · #0D5D55 · #373F15
Moss and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E3FCF0): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#9BAE3F): A luminous, balanced green — the color of fresh herbs.
- Olive (#557523): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#0D5D55): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#373F15): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Antique Jade Loft color palette (#E5FBF5, #7CA971, #3B7047, #2D515D, #193C38)
- Feathered Orchard color palette (#E2F9E8, #A9AD72, #537914, #005371, #222200)
- Quiet Moss Courtyard color palette (#D8F3E2, #9A9700, #556200, #712430, #313000)
- Airy Moss Parlor color palette (#FFF4E0, #BCC085, #6D9537, #37718C, #3C3E04)
- Worn Veranda color palette (#EFF8F2, #9FCDB8, #7C875A, #70606E, #41514A)
- Tempered Meadow color palette (#DFF5F1, #2B8F50, #005236, #003540, #00201F)
- Lime Boulevard color palette (#FFF0F8, #E9CA89, #9AB133, #A371BD, #4A3705)
- Fern Boulevard color palette (#DCEDE5, #566500, #1E3200, #310200, #000805)
Browse the whole catalog at Explore, or see today's palette.