Moss Field color palette — #E6DDD2 · #9A8807 · #724E00 · #542A0D · #292404

Moss takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#E6DDD2): bright and airy, almost weightless.
• Moss (#9A8807): A luminous, balanced green — the color of fresh herbs.
• Bronze (#724E00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#542A0D): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#292404): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, 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

• Dusty Bloom color palette (#F1E0CA, #8D894F, #724C00, #531E06, #061200)
• Amber Courtyard color palette (#F8DCCC, #BE7326, #843F27, #58242B, #322000)
• Chalky Bronze Corridor color palette (#D5E5D5, #A7A260, #976601, #743B25, #162A04)
• Bronze Lagoon color palette (#FFF3E5, #C4B888, #A3763B, #854E21, #534800)
• Muted Bronze Corridor color palette (#FFF2EB, #C79E79, #9A624E, #69483F, #413C36)
• Dusty Boulevard color palette (#F5D1ED, #3449E1, #635100, #433600, #271124)
• Linen Amber color palette (#EBD7E8, #B38300, #142E75, #03103C, #140513)
• Ancient Pier color palette (#E2F5E3, #FF6E7A, #00A1CD, #002B2B, #03160D)

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