Moss Field color palette — #FFF1F6 · #C2A2FF · #5A9500 · #48760D · #1F1333

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C2A2FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#5A9500): A luminous, vivid green — the color of new leaves after rain.
• Olive (#48760D): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#1F1333): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Timeworn Wisteria Coast color palette (#FFF1F5, #CD9CFF, #009A68, #007A52, #2F0E1C)
• Tempered Moss color palette (#FFEFFF, #86B8FF, #878800, #6B6C00, #281029)
• Gentle Moss color palette (#FFEFFF, #66A8FF, #41AC33, #327929, #271228)
• Worn Wisteria Garden color palette (#FFF1F5, #C06CF7, #2D7A2B, #135E12, #140107)
• Frosted Delta color palette (#FFF1F3, #FF6AF5, #009542, #005E57, #002824)
• Worn Delta color palette (#FFF1F2, #E890D1, #4AB2A3, #3A8076, #341D1F)
• Sunlit Clover Meadow color palette (#EFF6FF, #85B3FF, #66BD6C, #009E8B, #162C48)
• Frosted Cobalt Archive color palette (#DDF9F1, #0080D1, #4E7A00, #00573F, #001529)

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