Moss Workshop color palette — #F4E68E · #7BA739 · #008037 · #004B44 · #0F2F44
Built around Moss, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Butter (#F4E68E): A whisper-light, balanced green — the color of a quiet forest floor.
- Moss (#7BA739): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#008037): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004B44): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#0F2F44): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Jade Study color palette (#DCE6A6, #A7CF92, #42B475, #00866E, #003A39)
- Pine Workshop color palette (#FAEEDC, #9FA44B, #2C7A43, #004843, #001D26)
- Frosted Quarry color palette (#FFD9A4, #AFBA6D, #4C9759, #006459, #003845)
- Feathered Clover Dune color palette (#E1FCF7, #E4CF37, #68B83E, #008E95, #00383B)
- Hazy Moss color palette (#FFE7F1, #789300, #006A5C, #5A2B58, #013934)
- Teal Summit color palette (#BBF6B8, #00B594, #007279, #004860, #003367)
- Amber Delta color palette (#FFE9DE, #CD8E1D, #6E6A00, #335000, #003B27)
- Muted Teal Pier color palette (#D3E9B6, #6DB18D, #56798A, #614F6D, #543448)
Browse the whole catalog at Explore, or see today's palette.