Moss Alley color palette — #E7F6EF · #918B1B · #5E5E96 · #4A4A6F · #201720

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

The five colors

• Cream (#E7F6EF): bright and airy, almost weightless.
• Olive Leaf (#918B1B): A luminous, balanced green — the color of fresh herbs.
• Slate (#5E5E96): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#4A4A6F): A full-bodied, dusty violet — the color of a velvet chair.
• Ink (#201720): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Muted Moss Bloom color palette (#E6F6F2, #70A54A, #8C5C96, #5D4363, #24171F)
• Amber Drift color palette (#EAF5EC, #BF7F0F, #3B749A, #2A506A, #1D1421)
• Timeworn Aubergine Pier color palette (#D2FCF4, #5C9115, #5930A1, #43257B, #1E0416)
• Muted Taupe color palette (#FFECF4, #A7B46B, #438776, #654565, #1B312D)
• Worn Cerulean color palette (#FAF5E7, #A7A66C, #5A8DB7, #7D5880, #512800)
• Dusty Lagoon color palette (#FCF5E5, #D1C373, #4C9C8A, #875957, #2B2117)
• Lagoon Pier color palette (#FFF2C3, #BACC8C, #599063, #1C6255, #003033)
• Mulberry Thicket color palette (#E3F6F8, #008A69, #944065, #612841, #081509)

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