Moss Workshop color palette — #EFF0D6 · #1BB428 · #007653 · #004E49 · #12324C
A conversation between Clover and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#EFF0D6): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#1BB428): A luminous, vivid green — the color of a quiet forest floor.
- Pine (#007653): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004E49): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#12324C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Calm, Energy, Balance. Tagged vibrant, 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
- Emerald Bloom color palette (#E1EFDC, #00A33C, #006C4B, #004136, #001E1B)
- Ancient Lime color palette (#E7EFDB, #56D138, #00AF7C, #007F6F, #00383B)
- Tempered Teal Thicket color palette (#DEEDE0, #00B493, #007D81, #005867, #004167)
- Washed Grove color palette (#EFDFC5, #9A8C00, #326D00, #004E2F, #003A30)
- Dusty Teal color palette (#B3FFEF, #00B199, #006361, #00352C, #001D1A)
- Frosted Ridge color palette (#D5FFF4, #9ACC9A, #00A083, #007076, #44516A)
- Soft Moss color palette (#C8E7D3, #7C9B21, #6C5A00, #5A3000, #003315)
- Plum Studio color palette (#D9F7ED, #00846A, #B7005A, #8F1A00, #002C21)
Browse the whole catalog at Explore, or see today's palette.