Moss Workshop color palette — #F5F6EA · #D2F0C4 · #E0BBF3 · #76AB5C · #5E3A45
A conversation between Moss and Lavender, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F6EA): bright and airy, almost weightless.
- Celadon Mist (#D2F0C4): A whisper-light, dusty green — the color of a quiet forest floor.
- Lavender (#E0BBF3): A whisper-light, balanced violet — the color of wild irises.
- Moss (#76AB5C): A luminous, balanced green — the color of new leaves after rain.
- Cocoa (#5E3A45): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.
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
- Softworn Courtyard color palette (#FBF4E8, #DAE6B7, #B3CBFF, #B89535, #593A55)
- Teal Meadow color palette (#EFF8ED, #B0F5EA, #FAB6C8, #20B1A2, #633744)
- Fern Orchard color palette (#F5F7E5, #C9E7D6, #CCC8E3, #AEBB89, #475912)
- Worn Mint Basin color palette (#E6FAF6, #96BD83, #AA8ABC, #5D7D4D, #4C4A62)
- Weathered Lagoon Study color palette (#F3F7F1, #CDDBCA, #599386, #195146, #171D14)
- Hushed Basalt Archive color palette (#FFF3E7, #DEDDC1, #CAA786, #9D6D57, #523B00)
- Gentle Coral color palette (#F4F8E2, #AFD9AB, #A0BBEF, #E4827E, #383C00)
- Crimson Hollow color palette (#DDF7DA, #00A7A2, #DB1D5C, #005A57, #170004)
Browse the whole catalog at Explore, or see today's palette.