Moss Field color palette — #FFF0F8 · #BAB3FF · #A0A74B · #438E64 · #0F422C
Moss takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender (#BAB3FF): A luminous, balanced violet — the color of twilight just after sunset.
- Moss (#A0A74B): A luminous, balanced green — the color of new leaves after rain.
- Fern (#438E64): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#0F422C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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 Apricot color palette (#FBF2F9, #B5C4FE, #D39E60, #4F91AA, #1E4C40)
- Hushed Lagoon color palette (#EDF8F2, #56D0F0, #E1826D, #67884D, #2A3F18)
- Sunlit Veranda color palette (#FFF0F7, #C1B0FF, #ABA438, #4880BC, #472D4A)
- Antique Stone color palette (#FFEAFC, #F3C4D1, #E0A8A1, #849B80, #455542)
- Powder Orchard color palette (#FBF4ED, #C5E8E9, #9CBDFD, #4DAAA1, #5B3D4D)
- Pale Mallow color palette (#FFF1F5, #D5A2F8, #BE7360, #566226, #003236)
- Aged Mallow color palette (#FFEDED, #FC96D3, #00A173, #3E70B5, #112B4E)
- Linen Bronze Delta color palette (#F5E0F5, #81B5FF, #B56B00, #007199, #00273C)
Browse the whole catalog at Explore, or see today's palette.