Moss Summit color palette — #E9F9F4 · #D8F0AE · #D6BEFF · #8CA55E · #414361
Built around Moss, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9F9F4): bright and airy, almost weightless.
- Celadon Mist (#D8F0AE): A whisper-light, balanced green — the color of a quiet forest floor.
- Lavender (#D6BEFF): A whisper-light, balanced violet — the color of wild irises.
- Moss (#8CA55E): A luminous, balanced green — the color of fresh herbs.
- Charcoal (#414361): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Moss Summit 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
- Worn Jade Ridge color palette (#E7F9FA, #AFF9D4, #FFB2C8, #55AE86, #503E57)
- Amber Loft color palette (#F0F8EF, #FFE0BB, #ADCDFF, #C68D42, #37475D)
- Lagoon Alley color palette (#EAF8FA, #E7D4CF, #399888, #1F4E55, #111E20)
- Tempered Celadon Workshop color palette (#E4FBF4, #BDD889, #D3A8E4, #B791C6, #253E37)
- Stone Dune color palette (#E7FAF4, #C7E5F3, #DFB995, #B9BBCB, #425451)
- Dusty Boulevard color palette (#F8F6E6, #ABB77B, #AB8ABB, #6E793F, #64414C)
- Weathered Turquoise color palette (#E3F7F2, #A2BE8B, #5CA7C6, #607B49, #133548)
- Tempered Stone color palette (#FFF0F8, #CAF2E7, #D3A288, #88718A, #34433C)
Browse the whole catalog at Explore, or see today's palette.