Moss Canyon color palette — #F8F6E8 · #BECB9B · #AAABE4 · #839641 · #634156

Moss and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Pistachio (#BECB9B): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#AAABE4): A luminous, balanced violet — the color of twilight just after sunset.
• Moss (#839641): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#634156): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, 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

• Muted Emerald Thicket color palette (#F1F8E9, #BBCBA3, #D99AC1, #1BA476, #664143)
• Ancient Veranda color palette (#E4FBF3, #E0EEAA, #C9C3FF, #95A169, #3F455D)
• Muted Meadow color palette (#FAF6E0, #AFB783, #A39AE1, #A881B8, #44423B)
• Soft Amber Lantern color palette (#FDF3E8, #E2BD91, #74BAE6, #BF7C00, #2C5748)
• Wandering Turquoise Alley color palette (#EDF8F4, #A8B783, #43A7C2, #6A7B3B, #305263)
• Ancient Straw color palette (#F9F6E3, #CFDF8B, #7DD6EB, #A4AF76, #3A5444)
• Fern Corridor color palette (#FAF5E3, #CEE6D3, #C5C3D5, #B59861, #4E5300)
• Cocoa Drift color palette (#FEF3EC, #DBC7B3, #B7937C, #986467, #5F4100)

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