Moss Canyon color palette — #D2E6D8 · #809143 · #695300 · #552A00 · #002B28
Built around Moss, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D2E6D8): A whisper-light, dusty teal — the color of sea glass.
- Moss (#809143): A luminous, balanced green — the color of new leaves after rain.
- Coffee (#695300): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#552A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#002B28): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Moss Canyon 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
- Chestnut Alley color palette (#FBE7EF, #A0843C, #7E4504, #5E1F1C, #002C20)
- Fern Summit color palette (#F6EBD4, #8E8948, #645400, #3F2E00, #130E00)
- Misty Moss color palette (#D0FAE2, #85AC4D, #796900, #673F0F, #103D3C)
- Amber Garden color palette (#EBE0CB, #AFB883, #A68C25, #965C00, #102C04)
- Stone Lagoon color palette (#ECF9ED, #BDBB8C, #6E896F, #6E5464, #394C48)
- Bronze Meadow color palette (#FFF0F9, #C1A178, #9A634B, #5E4961, #2D4337)
- Faded Rose color palette (#F7D7E7, #E25863, #8D4000, #413300, #202A00)
- Peony Boulevard color palette (#EDE9F5, #CB53AD, #4B5500, #6E115B, #00110B)
Browse the whole catalog at Explore, or see today's palette.