Moss Field color palette — #E3DFCB · #96A400 · #008679 · #646F00 · #000202
A conversation between Moss and Olive, giving this palette its sense of nature and growth.
The five colors
- Bone (#E3DFCB): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#96A400): A luminous, balanced green — the color of fresh herbs.
- Teal (#008679): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#646F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged duotone.
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
- Sunlit Clover color palette (#EAEDDF, #38B557, #00838C, #007D2F, #000203)
- Softworn Hollow color palette (#F5EAD9, #C29100, #008A46, #836100, #010200)
- Soft Emerald color palette (#D7E5C8, #46A75F, #007E62, #00524D, #000D0F)
- Faded Aubergine Quarry color palette (#F3E5D0, #469F48, #00796E, #6C008F, #000F06)
- Wandering Ultramarine Balcony color palette (#F2EED7, #6D8300, #005ED2, #79005D, #040100)
- Hushed Study color palette (#F2EBDE, #9E8000, #005C70, #544300, #000203)
- Worn Olive Summit color palette (#DFF5EC, #656F00, #003F3E, #282D00, #000102)
- Tempered Olive color palette (#EFF0E4, #A7B3AA, #7EA392, #3A8600, #151500)
Browse the whole catalog at Explore, or see today's palette.