Moss Canyon color palette — #E7FAF3 · #B4BF79 · #B194DB · #7D8900 · #4B3766

A conversation between Olive Leaf and Mauve, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E7FAF3): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#B4BF79): A luminous, balanced green — the color of a quiet forest floor.
• Mauve (#B194DB): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#7D8900): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#4B3766): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Emerald Loft color palette (#E3FBF8, #96C69C, #CE88CA, #2F9749, #563554)
• Antique Bronze Canyon color palette (#E9FBEC, #D2B376, #7BA5ED, #A37900, #2A426B)
• Soft Balcony color palette (#FBF6DD, #D0DF6F, #C8A8FC, #879144, #3E3053)
• Lilac Station color palette (#E7FBF0, #AAA25B, #A271C3, #716700, #403E5F)
• Soft Azure color palette (#E0FDF3, #97B05D, #52A0DA, #BF677F, #174036)
• Dusty Taupe Harbor color palette (#E5FBF4, #BFE6F1, #A3CAE7, #A4984A, #365752)
• Worn Chestnut color palette (#FFF0F9, #D8B1C1, #B3826D, #96544E, #2D442D)
• Aged Pine Grove color palette (#E9F9F8, #AACFB1, #37835B, #1C4D34, #112625)

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