Moss Field color palette — #E2E2B3 · #8A9710 · #625E00 · #473C00 · #222E00

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

The five colors

• Celadon Mist (#E2E2B3): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#8A9710): A luminous, balanced green — the color of fresh herbs.
• Olive (#625E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#473C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#222E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged earthy, warm.

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 Dune color palette (#DDF3E7, #7B9A45, #645D00, #493100, #001804)
• Soft Amber color palette (#F7D9B0, #B08625, #7B5200, #583200, #332800)
• Hushed Moss color palette (#E7DEC1, #B5C251, #9F9900, #847000, #222E00)
• Dusty Atelier color palette (#FFE7F0, #BD9468, #9B5500, #753400, #213D23)
• Tempered Pewter color palette (#E6FBF0, #88B2A1, #797541, #385B46, #25443B)
• Chestnut Villa color palette (#EDDED7, #965423, #5F2300, #380800, #150700)
• Softworn Field color palette (#FFF0F8, #CBAFBB, #967587, #6E5465, #574048)
• Quiet Rose color palette (#FEEBFB, #F44548, #7E4300, #880013, #1F0C00)

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