Moss Field color palette — #FDEDD0 · #A58F0B · #866A00 · #654600 · #0D0C00
A conversation between Moss and Ochre, giving this palette its sense of nature and growth.
The five colors
- Custard (#FDEDD0): A whisper-light, dusty gold — the color of honey in a jar.
- Moss (#A58F0B): A luminous, balanced green — the color of new leaves after rain.
- Ochre (#866A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Bronze (#654600): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#0D0C00): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Misty Bronze color palette (#F1E5CC, #A6A25C, #907C00, #715600, #161800)
- Soft Bronze color palette (#F4E3D5, #BB8244, #A35700, #7C3400, #130900)
- Wandering Moss color palette (#F1E7CF, #8D8B00, #614900, #351A00, #010200)
- Ancient Amber Boulevard color palette (#F4E9DC, #CAAD78, #BE8000, #965B12, #302101)
- Airy Apricot color palette (#FFEBD7, #F5BC70, #E88A00, #B8682B, #463106)
- Muted Taupe color palette (#FBF5E1, #CDD6A9, #B2B167, #91895E, #453E00)
- Pale Field color palette (#E6EBDE, #00B57D, #00838F, #007A53, #000301)
- Wandering Lagoon color palette (#CBE5DF, #00A19B, #007D82, #004D59, #001016)
Browse the whole catalog at Explore, or see today's palette.