Moss Field color palette — #FFF4E2 · #A39B37 · #467848 · #434B71 · #3E3D36
Moss takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#A39B37): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#467848): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#434B71): A full-bodied, dusty violet — the color of a velvet chair.
- Charcoal (#3E3D36): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged retro, muted.
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
- Pine Ridge color palette (#FFEFDF, #AE9B5A, #3C7A4E, #553867, #28230A)
- Linen Moss Orchard color palette (#F9F5E8, #8B9000, #007178, #4A3E72, #552928)
- Ancient Jade Garden color palette (#FFF4E2, #3DB16A, #007A78, #643D68, #3B3E38)
- Ancient Amber Lagoon color palette (#FFF4E2, #D97D2D, #7B6902, #14556D, #413C36)
- Aged Jade Terrace color palette (#FEF4E4, #8AB67B, #3C8677, #634F75, #424E00)
- Muted Grove color palette (#FBF4EA, #BCB16E, #6F7948, #785107, #543F00)
- Tempered Cocoa Meadow color palette (#FEF6D4, #AEB390, #748969, #705B65, #75361F)
- Hushed Harbor color palette (#E5FBF0, #C0D08E, #82B47B, #0492A7, #19463C)
Browse the whole catalog at Explore, or see today's palette.