Moss Field color palette — #F6F0DC · #A3A131 · #607300 · #2C4C00 · #002D0A
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6F0DC): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#A3A131): A luminous, balanced green — the color of fresh herbs.
- Olive (#607300): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#2C4C00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#002D0A): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Weathered Dune color palette (#E9F1E1, #71AD58, #007A44, #005136, #00271F)
- Patina Forest color palette (#F1DDC5, #B19F48, #686F00, #135805, #004A37)
- Amber Thicket color palette (#EEDED0, #C08728, #7E6200, #4B4300, #1E2000)
- Hazy Bloom color palette (#FFF1E2, #DBC15B, #85A01D, #23691F, #003127)
- Patina Atelier color palette (#DAFAD2, #84B879, #317527, #023C08, #020F00)
- Antique Violet color palette (#D8EFE8, #7E9E4B, #9064B8, #436000, #270C3B)
- Muted Workshop color palette (#D4FCF2, #A9E9C8, #7DBEBC, #737735, #002E2B)
- Olive Boulevard color palette (#D0ECE6, #558E25, #3A70B0, #8D3E48, #091900)
Browse the whole catalog at Explore, or see today's palette.