Moss Garden color palette — #FFF1F6 · #CFBA6F · #7E903F · #31785E · #463A0B

A conversation between Olive Leaf and Sand, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sand (#CFBA6F): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#7E903F): A luminous, balanced green — the color of fresh herbs.
• Teal (#31785E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#463A0B): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Aged Lagoon Meadow color palette (#E2FDEC, #ADC48D, #529868, #337577, #304111)
• Muted Moss color palette (#FFF3E7, #EFD789, #889E00, #327A5F, #312E28)
• Olive Courtyard color palette (#FDF4E1, #A6A774, #637200, #305E0E, #3F3D00)
• Weathered Workshop color palette (#D9EAD9, #ADA866, #5E7D3E, #146354, #093121)
• Tempered Pine color palette (#DFF3E7, #819E52, #00743B, #004F52, #00211A)
• Ash Parlor color palette (#FDF2F5, #B7DBC5, #74A899, #717E96, #3F5347)
• Hushed Corridor color palette (#D7ECD8, #7A7832, #2B5100, #25215B, #070600)
• Soft Mint color palette (#D6F2EB, #4AC58C, #008A80, #106385, #003822)

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