Moss Field color palette — #F5F3FF · #C99ED1 · #99A048 · #8C5F94 · #325548
A conversation between Moss and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F3FF): a clean, paper-quiet neutral.
- Mauve (#C99ED1): A luminous, balanced pink — the color of peonies in June.
- Moss (#99A048): A luminous, balanced green — the color of new leaves after rain.
- Slate (#8C5F94): A full-bodied, balanced pink — the color of peonies in June.
- Charcoal Brown (#325548): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Balance. 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
- Aged Mallow color palette (#FCEDF2, #C5A1E6, #92A565, #80639A, #32312A)
- Patina Mallow color palette (#F4F4FF, #D7B2FA, #A4BB7F, #9A7FB2, #35544C)
- Powdered Quarry color palette (#FAF2FB, #E398A0, #50AE7D, #AA5360, #2E5554)
- Taupe Market color palette (#EDF6FF, #81B6E0, #AA9A3A, #3878A7, #385545)
- Ancient Lilac color palette (#F4F4FF, #A987C8, #659962, #2C816D, #404151)
- Tempered Meadow color palette (#ECF9F0, #9CC1B5, #8E804D, #785061, #354D4B)
- Powdered Chapel color palette (#FBF1FF, #D6829F, #009BAF, #A33A65, #004B56)
- Cerulean Harbor color palette (#F3F4FF, #E3D7E0, #E7B8B7, #6D85A4, #504D60)
Browse the whole catalog at Explore, or see today's palette.