Muted Moss Field color palette — #F2DEF9 · #FFC3C0 · #9DAB00 · #1D2000 · #020100
A conversation between Moss and Shell Pink, giving this palette its sense of nature and growth.
The five colors
- Thistle (#F2DEF9): A whisper-light, dusty pink — the color of neon signs at night.
- Shell Pink (#FFC3C0): A whisper-light, dusty orange — the color of toasted spice.
- Moss (#9DAB00): A luminous, vivid green — the color of a quiet forest floor.
- Onyx (#1D2000): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Muted Moss Field 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
- Washed Clover color palette (#FFE5FE, #FFC2C2, #00BF61, #001907, #020300)
- Worn Mustard color palette (#F7D6E5, #C9B5FF, #E4A600, #1B1100, #030100)
- Dusty Dune color palette (#FFDDDF, #3D94FF, #009356, #0D1300, #020400)
- Hushed Chartreuse Field color palette (#FFE2E0, #F2C6FF, #7AE700, #242400, #080802)
- Weathered Clover Grove color palette (#FBE4E1, #61B7FF, #00C776, #265338, #041110)
- Tempered Fuchsia Studio color palette (#F4E7D8, #D671FF, #C68200, #002C23, #0C160C)
- Hushed Teal Workshop color palette (#F6E1D9, #FFA5BA, #00CDC2, #001D1B, #000200)
- Hazy Ember color palette (#F8E2CF, #FF4E39, #009A94, #040A0C, #000200)
Browse the whole catalog at Explore, or see today's palette.