Moss Garden color palette — #E4FCEE · #D8C75C · #AAADFF · #AB9800 · #33297F
Built around Mustard, softened by Royal Purple — the whole palette hums with nature and growth.
The five colors
- Ivory (#E4FCEE): A whisper-light, dusty teal — the color of glacier melt.
- Honey (#D8C75C): A whisper-light, balanced green — the color of new leaves after rain.
- Lavender (#AAADFF): A luminous, balanced violet — the color of a velvet chair.
- Mustard (#AB9800): A luminous, balanced green — the color of new leaves after rain.
- Royal Purple (#33297F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, 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
- Softworn Moss color palette (#DDFFEB, #D9C75D, #6EBEFF, #AC9800, #003E64)
- Dusty Courtyard color palette (#DCFFEB, #E0C900, #9BA5FF, #8E7F00, #242462)
- Moss Delta color palette (#D8F6EE, #A8CD7E, #B89FF6, #70A400, #3C2663)
- Amber Courtyard color palette (#FFF0F7, #FFB07F, #97B4FF, #E77100, #1E327D)
- Dusty Iris color palette (#FFF4DA, #D5C130, #737DEC, #877900, #2D2E7A)
- Hazy Amber Field color palette (#FFF1F6, #FFB268, #42D4FF, #C97500, #004252)
- Fuchsia Archive color palette (#DCFDFC, #6DF9AB, #EA8EFC, #009C5D, #53225D)
- Mustard Grove color palette (#F1D8E4, #D5B4FF, #CAC400, #575400, #0F231A)
Browse the whole catalog at Explore, or see today's palette.