Moss Workshop color palette — #F1F5FF · #9FABFC · #7EAF50 · #4577A4 · #1B2438
Built around Moss, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#9FABFC): A luminous, balanced violet — the color of a velvet chair.
- Moss (#7EAF50): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#4577A4): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#1B2438): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Moss Workshop 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
- Weathered Moss color palette (#F4F4FF, #D8A2F3, #7A9726, #1B628B, #002F48)
- Tempered Powder color palette (#F0F5FF, #96AEFF, #83AD5C, #5E7E3E, #1A2437)
- Ancient Powder color palette (#F0F5FF, #ADC0FF, #69BFC2, #7081AC, #2A3240)
- Blush Ridge color palette (#FBF1FF, #F88CAD, #73B068, #4573B3, #2A202E)
- Amber Thicket color palette (#EFF6FF, #85B4FB, #D9883A, #2F8368, #1A2533)
- Washed Mallow Grove color palette (#FFF1F4, #E697F3, #B0B271, #619F86, #432B30)
- Softworn Orchard color palette (#F8F2FF, #E78DC1, #A56D00, #006F7F, #1E1725)
- Feathered Wisteria Terrace color palette (#F4F4FF, #CD7CFF, #00A5B3, #8249A4, #251032)
Browse the whole catalog at Explore, or see today's palette.