Moss Pier color palette — #E0E3B1 · #9CB046 · #7C7D00 · #5E5300 · #1F2F00
A conversation between Moss and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E0E3B1): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#9CB046): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#7C7D00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#5E5300): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#1F2F00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Moss Pier 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
- Sunlit Bronze color palette (#F3DAB9, #C3A04D, #9D6D00, #744700, #322800)
- Misty Moss Workshop color palette (#EADEB7, #789A52, #615F00, #4F3700, #003315)
- Patina Study color palette (#DAFFEE, #B4C56B, #848400, #594E00, #121C00)
- Aged Moss Lantern color palette (#BCEBD5, #9EC772, #9D9A00, #916900, #013315)
- Bronze Cabin color palette (#FFF2E9, #DCC6B3, #B4947B, #A0643C, #663D00)
- Cocoa Market color palette (#F6E4D4, #8D6633, #663800, #3C1900, #060300)
- Indigo Station color palette (#FFE6F6, #7255FF, #00724B, #004D52, #00182E)
- Aged Coast color palette (#FED9E7, #A84AFF, #DA212A, #00627A, #27133D)
Browse the whole catalog at Explore, or see today's palette.