Moss Field color palette — #FFF3E8 · #8A9500 · #00715B · #67236D · #223E14
A conversation between Olive Leaf and Royal Purple, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Olive Leaf (#8A9500): A luminous, balanced green — the color of new leaves after rain.
- Pine (#00715B): A full-bodied, balanced teal — the color of glacier melt.
- Royal Purple (#67236D): A deep, shadowed, balanced pink — the color of neon signs at night.
- Forest (#223E14): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
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
- Aubergine Study color palette (#FFEEE7, #A49200, #007260, #680664, #132100)
- Misty Alley color palette (#FFEADB, #4F9C28, #006868, #64254C, #2F312B)
- Pine Station color palette (#FFF3E5, #B38200, #207400, #4B337F, #3B3705)
- Frosted Basin color palette (#FFF2EF, #B7AB1F, #009280, #803A83, #233E09)
- Dusty Market color palette (#FFF2EB, #1EB27C, #00768F, #6C3E4B, #32422D)
- Moss Orchard color palette (#FFF4E0, #9AAF36, #357B3A, #604F1D, #373F15)
- Powdered Mulberry color palette (#FBF6D7, #748800, #0059A7, #6E065D, #571030)
- Powdered Pine Summit color palette (#FFE6DB, #007B37, #00454E, #470029, #001C14)
Browse the whole catalog at Explore, or see today's palette.