Moss Garden color palette — #FDF5DD · #B4C47A · #6E9535 · #8F584E · #3C3B34

Built around Olive Leaf, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Cream (#FDF5DD): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B4C47A): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#6E9535): A luminous, balanced green — the color of fresh herbs.
• Walnut (#8F584E): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#3C3B34): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, 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

• Powdered Pier color palette (#F8EAC9, #AFB158, #6E8200, #834B10, #303000)
• Pale Moss Cabin color palette (#E7FBF1, #CFE48B, #6EA500, #98564A, #2A3304)
• Antique Veranda color palette (#F2F8E4, #76D0AA, #1D9B82, #876121, #393C35)
• Lagoon Delta color palette (#F3F9DE, #87CDA4, #209C78, #387286, #16452D)
• Softworn Summit color palette (#F8F5EA, #D7D2B4, #8FA37B, #A17339, #584D00)
• Timeworn Pine color palette (#FCF4E6, #9EAA6E, #327B36, #574381, #383F17)
• Sunlit Clover Grove color palette (#EAFAEE, #C8D883, #67BC66, #907BBC, #144436)
• Tangerine Balcony color palette (#FFE5D8, #F0720E, #8C9900, #C04997, #4B240C)

Browse the whole catalog at Explore, or see today's palette.