Moss Field color palette — #FFF1F3 · #E0B8DD · #C39AC0 · #709452 · #4C385E
A conversation between Moss and Mauve, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Carnation (#E0B8DD): A whisper-light, dusty pink — the color of peonies in June.
- Mauve (#C39AC0): A luminous, dusty pink — the color of a candy shop window.
- Moss (#709452): A luminous, balanced green — the color of a quiet forest floor.
- Charcoal (#4C385E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns 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
- Softworn Taupe Basin color palette (#FFF0FC, #EBD2D7, #D2B5BA, #8BA282, #574759)
- Worn Lagoon Canyon color palette (#FCF2F7, #C4C0F6, #D39988, #009A9C, #583649)
- Timeworn Emerald color palette (#F0F8EF, #86D9D1, #CD94C0, #6E9455, #0B4D48)
- Pine Lagoon color palette (#F4F4FE, #C2A4D0, #B08065, #447744, #184763)
- Hazy Cobalt color palette (#FFF1F3, #DDAADE, #C7954D, #1285C1, #4D274F)
- Patina Mallow Studio color palette (#FBEEF0, #D1A6D1, #8D756F, #634E51, #271F23)
- Amber Summit color palette (#FEF1F4, #E3BAF5, #D48066, #647140, #24402B)
- Dusty Ember Workshop color palette (#FFF0FC, #98B4FF, #FD5A3B, #008781, #152572)
Browse the whole catalog at Explore, or see today's palette.