Moss Alley color palette — #F3EEDF · #C7C36B · #BA9EF4 · #9D9500 · #3B2A5B

Moss takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F3EEDF): A whisper-light, dusty green — the color of fresh herbs.
• Honey (#C7C36B): A luminous, balanced green — the color of a quiet forest floor.
• Lavender (#BA9EF4): A luminous, balanced violet — the color of a velvet chair.
• Moss (#9D9500): A luminous, balanced green — the color of a quiet forest floor.
• Royal Purple (#3B2A5B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Moss Alley 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

• Quiet Amber Ridge color palette (#FBECD9, #E7B56C, #87AFFF, #C18300, #1D3362)
• Feathered Moss Veranda color palette (#F8F6E5, #C1D59D, #E8A2E0, #8DAD3A, #5A3255)
• Worn Thicket color palette (#EAF2E3, #7ED2B4, #DC9FF9, #009E79, #482258)
• Lilac Dune color palette (#EBE5C7, #A9B851, #A593F8, #BF69B1, #2A2F03)
• Blush Veranda color palette (#FCF5DF, #CBC543, #FE708E, #7F7A00, #441620)
• Amber Field color palette (#FCF6D9, #B3F2DF, #88D9F9, #C89733, #42423B)
• Hushed Taupe color palette (#EFE8D0, #B4CA9D, #A5A253, #997228, #30312A)
• Tempered Bloom color palette (#D9F6EB, #A5AF6A, #00A8BE, #707900, #003D46)

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