Moss Garden color palette — #F7F1E4 · #A38E00 · #006543 · #524700 · #00170C
Moss takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7F1E4): bright and airy, almost weightless.
- Moss (#A38E00): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#006543): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#524700): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#00170C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged duotone, muted.
Use it as a design system
One click turns Moss Garden 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
- Patina Villa color palette (#F4F3DF, #66A200, #00615E, #315100, #001615)
- Weathered Amber color palette (#F9EBDA, #C88500, #006967, #684300, #000504)
- Linen Amber Lagoon color palette (#FCEFE5, #DB6900, #4B5D00, #703200, #0F1400)
- Moss Coast color palette (#E2E4D3, #67A22B, #007334, #004936, #003231)
- Linen Aubergine color palette (#F9E1BB, #648C00, #006147, #470089, #053303)
- Fern Courtyard color palette (#F8F6E8, #D2D5C1, #A0AC8B, #536200, #34332C)
- Inked Fern color palette (#EBE9D9, #526400, #002F31, #192100, #000300)
- Soft Garden color palette (#F8EECB, #6C6800, #004774, #4D005E, #2D0A00)
Browse the whole catalog at Explore, or see today's palette.