Softworn Moss Canyon color palette — #E6FCED · #83A961 · #117455 · #4B4664 · #1B3C36

A conversation between Moss and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E6FCED): A whisper-light, dusty teal — the color of sea glass.
• Moss (#83A961): A luminous, balanced green — the color of new leaves after rain.
• Pine (#117455): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#4B4664): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#1B3C36): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Softworn 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

• Clover Corridor color palette (#E7FBEE, #80B556, #007C5C, #5E501B, #12443B)
• Mint Grove color palette (#E6FBF3, #83C097, #34827C, #60546D, #304847)
• Emerald Workshop color palette (#D0EDDE, #55A053, #006354, #433F0D, #04302C)
• Washed Moss Field color palette (#D9F6EC, #8DAB25, #6D56B7, #4C5F00, #362F54)
• Weathered Pier color palette (#F5F2E5, #99A779, #507033, #5A411F, #211C00)
• Timeworn Driftwood color palette (#EAF9F2, #90C0B0, #718A57, #7C5D37, #153E32)
• Pale Moss Orchard color palette (#FFE2ED, #A59200, #376900, #633600, #352E00)
• Hushed Balcony color palette (#FFEAD5, #C59700, #6F7700, #305800, #18472F)

Browse the whole catalog at Explore, or see today's palette.