Moss Field color palette — #FFF1F5 · #F1AC86 · #89A048 · #7D5C94 · #5D4170
Built around Moss, softened by Melon — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Melon (#F1AC86): A luminous, balanced orange — the color of toasted spice.
- Moss (#89A048): A luminous, balanced green — the color of fresh herbs.
- Slate (#7D5C94): A full-bodied, balanced violet — the color of wild irises.
- Charcoal Brown (#5D4170): A full-bodied, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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
- Muted Dune color palette (#F5DAF4, #D7B888, #72976C, #826087, #49455B)
- Timeworn Petrol Terrace color palette (#F1EDFF, #E8ABBD, #BB8861, #5A6DA1, #3B4C7B)
- Dusty Pewter Garden color palette (#FFF2F0, #F9DDBA, #9EB080, #7A6E9E, #54313F)
- Feathered Study color palette (#E8FBEC, #AFC488, #009F64, #7B598F, #104438)
- Dusty Ash Quarry color palette (#FFF0F7, #ACD4C2, #6FA5AB, #776C88, #534B5F)
- Pine Meadow color palette (#F9E9E4, #A29564, #30815A, #643D64, #39193A)
- Timeworn Marigold color palette (#FFEAD8, #C3A045, #76824C, #3E6959, #394775)
- Hazy Lantern color palette (#ECE0CD, #9BC370, #009397, #85415F, #5B223C)
Browse the whole catalog at Explore, or see today's palette.