Moss Studio color palette — #F3F0E0 · #959800 · #4C7100 · #004D23 · #003435
Moss and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F3F0E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#959800): A luminous, balanced green — the color of fresh herbs.
- Olive (#4C7100): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004D23): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Forest (#003435): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Moss Studio 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
- Faded Terrace color palette (#EEEDD3, #A5B848, #63A000, #1E7C09, #003A1F)
- Bronze Quarry color palette (#F4E5CE, #908100, #405F00, #003C19, #001B17)
- Gentle Corridor color palette (#DAE5CD, #009E3C, #006A46, #004B44, #003435)
- Amber Lagoon color palette (#FFE1D2, #CD7500, #805C00, #483E00, #043414)
- Weathered Pine color palette (#E4F7DA, #007D47, #00483B, #002A2A, #04121F)
- Ancient Jade color palette (#D0E8B7, #6ABA6B, #008B5D, #006458, #2C4E35)
- Emerald Studio color palette (#B1FECF, #0FAC4B, #006036, #00360F, #001A03)
- Moss Thicket color palette (#DFE1BF, #4AA621, #7D349D, #1E5800, #391649)
Browse the whole catalog at Explore, or see today's palette.