Moss Field color palette — #E1F9EB · #A09000 · #386200 · #504700 · #091600
Moss and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E1F9EB): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#A09000): A luminous, balanced green — the color of fresh herbs.
- Olive (#386200): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#504700): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#091600): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Washed Moss color palette (#E1F8F3, #56A500, #006352, #285300, #001611)
- Amber Boulevard color palette (#E2F3E3, #C28800, #006A63, #654500, #000504)
- Faded Lagoon color palette (#DEE3D4, #5AA600, #007323, #004525, #002F21)
- Olive Thicket color palette (#E6EAB2, #5D8E00, #00632F, #003F50, #0F3200)
- Lowlit Summit color palette (#D7EDE6, #4C6500, #003735, #172100, #000202)
- Frosted Marigold color palette (#F9F0E4, #DC9E00, #008B7A, #886100, #001612)
- Misty Moss color palette (#D7FFF7, #B4CA00, #60A600, #008250, #073001)
- Fern Field color palette (#EDF8F3, #BFD9D2, #7FB3AA, #586100, #1E3930)
Browse the whole catalog at Explore, or see today's palette.