Moss Field color palette — #C5E8CF · #999122 · #705800 · #543400 · #252D00
Moss takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#C5E8CF): A whisper-light, dusty teal — the color of sea glass.
- Moss (#999122): A luminous, balanced green — the color of fresh herbs.
- Coffee (#705800): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#543400): A deep, shadowed, dusty gold — the color of old brass.
- Deep Forest (#252D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Chalky Moss Meadow color palette (#D6F1DC, #8A9700, #725700, #562700, #001802)
- Amber Corridor color palette (#FAD2DE, #AC873A, #804E00, #612A00, #312900)
- Timeworn Cocoa color palette (#DEEDDD, #7CA187, #805C26, #683400, #173829)
- Tempered Veranda color palette (#DEEDE1, #837727, #584100, #3B2100, #151800)
- Airy Mustard Chapel color palette (#F1DBB4, #C6BC34, #B58F00, #996409, #252D00)
- Antique Lime Garden color palette (#F2DBB4, #A0B021, #947200, #803E00, #0B320E)
- Worn Summit color palette (#CAEDE6, #B68B17, #234500, #0D2000, #000C06)
- Chestnut Workshop color palette (#ECF9F1, #A1C0B4, #628B75, #6F5A31, #314E48)
Browse the whole catalog at Explore, or see today's palette.