Moss Field color palette — #F7F6E8 · #B7CD9D · #D19ECA · #759A42 · #60415C

A conversation between Olive Leaf and Mauve, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F7F6E8): a clean, paper-quiet neutral.
• Pistachio (#B7CD9D): A luminous, dusty green — the color of fresh herbs.
• Mauve (#D19ECA): A luminous, balanced pink — the color of a candy shop window.
• Olive Leaf (#759A42): A luminous, balanced green — the color of fresh herbs.
• Charcoal Brown (#60415C): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged light, 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 (#F2F7EE, #99D3BE, #E098B8, #08A481, #674240)
• Dusty Amber Canyon color palette (#FBF4E7, #D3C396, #9CAFE7, #A98800, #61415A)
• Softworn Celadon Pier color palette (#F5F7E5, #B5E5A8, #D8B8EC, #91B487, #60444C)
• Dusty Lilac color palette (#EAF9F6, #97BC8D, #B581CA, #518143, #4C4965)
• Fern Station color palette (#FFF3E7, #D7C9AD, #B69473, #99655C, #514900)
• Dusty Delta color palette (#EFF8F0, #F2C5B8, #458A8C, #155859, #242F24)
• Worn Coral Bloom color palette (#EAF2DE, #6BBB96, #E26C64, #00875C, #5C1D1B)
• Worn Peony Meadow color palette (#EEFBDD, #35DFA3, #D54BB5, #008D63, #5E1B4F)

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