Moss Canyon color palette — #FFF2EC · #E39A90 · #8AA54C · #A55A50 · #4E4D46

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Melon (#E39A90): A luminous, balanced orange — the color of toasted spice.
• Moss (#8AA54C): A luminous, balanced green — the color of new leaves after rain.
• Walnut (#A55A50): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal Brown (#4E4D46): quiet, heavy and certain.

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

• Amber Garden color palette (#FFF1F1, #D19EBC, #BB904D, #965D81, #514C46)
• Ancient Teal Corridor color palette (#FEF3E6, #CDA978, #46AE8F, #93692A, #445336)
• Blush Pier color palette (#FFEDE8, #EA9A9E, #50ACB3, #9D5C61, #223726)
• Aged Basin color palette (#FEF0FD, #FFAAA7, #74C1BB, #B77977, #2C545D)
• Patina Basalt color palette (#FCF3EB, #D8BB96, #7B5530, #532F00, #28261E)
• Dusty Rust color palette (#FFF2EC, #F2B2A4, #BB6558, #763930, #3D3632)
• Tempered Plum color palette (#FFF2F1, #D69BBB, #5C9ED9, #A15581, #2E564C)
• Softworn Studio color palette (#FFF2EC, #DFD9CD, #96BECB, #A17A6E, #7D421E)

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