Moss Field color palette — #FEF4E3 · #C2BF79 · #74941D · #3F7755 · #3D3A34

Olive Leaf and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#C2BF79): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#74941D): A luminous, balanced green — the color of new leaves after rain.
• Teal (#3F7755): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#3D3A34): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Ancient Lagoon color palette (#FBF6DC, #99CB89, #00A05E, #287771, #2A4221)
• Quiet Moss Ridge color palette (#E1FDED, #DADF9A, #869D40, #55754C, #303100)
• Weathered Canyon color palette (#FFF3E8, #BAA241, #55752A, #025E5A, #3D3A34)
• Sunlit Loft color palette (#F2EFDA, #72A165, #007344, #00504C, #072101)
• Weathered Archive color palette (#F9F5ED, #D8D1B5, #8AA672, #658678, #5B4C00)
• Patina Canyon color palette (#F5EEDB, #697E3B, #0E5408, #002E4C, #040700)
• Weathered Peony Lagoon color palette (#C6F8E9, #14A3F9, #FF197D, #6B8B00, #003A2E)
• Azure Lantern color palette (#FAF4EC, #B1E3FF, #2DA1FD, #00808E, #2C3F64)

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