Moss Field color palette — #ECF0BC · #B1C67B · #6D9D53 · #3F7746 · #235339
Moss takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#ECF0BC): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B1C67B): A luminous, balanced green — the color of new leaves after rain.
- Moss (#6D9D53): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#3F7746): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#235339): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Wandering Thicket color palette (#D1F5CC, #8AD19E, #44AB82, #00826E, #005755)
- Dusty Olive color palette (#FBE6BB, #B0AC69, #5A8631, #006E3B, #00544E)
- Tempered Moss color palette (#D2F6D4, #D9BB74, #A49A34, #707527, #3F522A)
- Tempered Jade Boulevard color palette (#DDFFE6, #9AD7A9, #55A474, #226C41, #003720)
- Quiet Lime Market color palette (#FBE4BF, #D4D274, #85C259, #309B70, #3B4F32)
- Airy Corridor color palette (#E1FCF7, #94C88C, #C78DC8, #4E9443, #533754)
- Weathered Taupe Corridor color palette (#E3FBF9, #C9E0EF, #A0CEEC, #90A374, #355859)
- Chalky Olive color palette (#DBE5C6, #568E00, #10620C, #003A22, #001D14)
Browse the whole catalog at Explore, or see today's palette.