Moss Field color palette — #F6F7E3 · #77B148 · #35500F · #1F1F11 · #070502

Clover takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6F7E3): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#77B148): A luminous, balanced green — the color of a quiet forest floor.
• Deep Olive (#35500F): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#1F1F11): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#070502): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Worn Station color palette (#FFF4E2, #C69500, #504700, #271C0B, #090402)
• Washed Lantern color palette (#EEF9EA, #00B7A3, #2F4E3D, #162211, #050603)
• Aged Clover Coast color palette (#D2EBE6, #7AC056, #567775, #394F4B, #121A18)
• Hushed Boulevard color palette (#EAF3D6, #009657, #52515A, #003331, #000B03)
• Timeworn Lagoon color palette (#EBFAEF, #009BAE, #0D3858, #041309, #000200)
• Blush Station color palette (#EDFAE5, #4ED4B7, #E786B6, #D06E8C, #223019)
• Hushed Harbor color palette (#FCF4E8, #CBEAC3, #86AB71, #966E2E, #3A3831)
• Mallow Pier color palette (#F1F8EB, #8EEAC7, #FC96BF, #00A27B, #502D2B)

Browse the whole catalog at Explore, or see today's palette.