Moss Grove color palette — #E7E0B1 · #809A20 · #685B00 · #533500 · #073308
Built around Olive Leaf, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E7E0B1): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#809A20): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#685B00): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#533500): A deep, shadowed, dusty gold — the color of old brass.
- Deep Forest (#073308): A deep, shadowed, balanced 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 Grove 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
- Moss Corridor color palette (#F4EAD3, #789C33, #6A5B00, #512C00, #001809)
- Amber Veranda color palette (#FBD7B0, #AC8900, #804E00, #682300, #2A2B00)
- Gentle Moss color palette (#C6E8D3, #90B356, #8A7700, #784400, #003219)
- Tempered Taupe color palette (#FFF4DC, #A1AF6F, #807235, #56514B, #3D3E37)
- Tempered Bronze color palette (#FFEADA, #CA9036, #A24F00, #703530, #38352E)
- Tempered Chapel color palette (#FFDAE2, #F94B0E, #885000, #4C3700, #272F00)
- Hushed Bronze color palette (#FFF2EB, #D2B192, #AD6F48, #71564E, #604100)
- Faded Bronze color palette (#F5DBD2, #985300, #651B00, #3C0010, #120900)
Browse the whole catalog at Explore, or see today's palette.