Moss Field color palette — #FFF5D6 · #BDDC97 · #9B9631 · #7D5800 · #023112
Moss and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FFF5D6): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#BDDC97): A whisper-light, balanced green — the color of fresh herbs.
- Moss (#9B9631): A luminous, balanced green — the color of new leaves after rain.
- Coffee (#7D5800): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#023112): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Quiet Amber color palette (#FFF3E5, #E1D089, #BC8631, #90491E, #252C00)
- Soft Lime Grove color palette (#FFF5DA, #A9C964, #8D8000, #694500, #001F04)
- Sunlit Archive color palette (#D6F8E8, #C3D08E, #ABAA37, #928000, #2B3C01)
- Feathered Olive Villa color palette (#DAF7E8, #88AA5E, #716D00, #604300, #1B3E24)
- Moss Alley color palette (#E8DDC8, #868D36, #5F4B00, #331B00, #000200)
- Washed Amber color palette (#F6E2CC, #B39742, #865200, #571C00, #040400)
- Basalt Villa color palette (#FFF2EA, #E1DCC2, #C9A690, #907269, #543A00)
- Peony Station color palette (#FFF1F2, #E653B0, #A36B00, #2D6000, #001813)
Browse the whole catalog at Explore, or see today's palette.