Moss Canyon color palette — #FAF3F5 · #F8C69A · #86A861 · #B67F4B · #1F322E

Built around Moss, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Wheat (#F8C69A): A whisper-light, balanced gold — the color of honey in a jar.
• Moss (#86A861): A luminous, balanced green — the color of new leaves after rain.
• Caramel (#B67F4B): A luminous, balanced gold — the color of old brass.
• Deep Forest (#1F322E): A deep, shadowed, dusty teal — the color of sea glass.

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

• Teal Pier color palette (#F0F7F4, #D3D797, #2BB0AD, #8E914E, #1F3136)
• Amber Meadow color palette (#F8F3F8, #F9C0C3, #C59042, #C76E76, #263126)
• Softworn Apricot Loft color palette (#FBF4EF, #FFD4BB, #8EC79C, #DA9A75, #2D2F28)
• Dusty Lagoon Coast color palette (#FBF2F7, #EEAF96, #488F5F, #995A41, #203231)
• Ancient Archive color palette (#EAFAED, #D3BC7B, #7D9F5E, #566F9B, #374D43)
• Weathered Emerald color palette (#EEF8F0, #E1B349, #00A233, #977100, #002320)
• Dusty Cerulean color palette (#F0F8F0, #C49563, #2B9AA9, #6B6698, #3E3341)
• Muted Delta color palette (#F1F7F2, #D2DDDC, #A7B4BB, #83A689, #4E544F)

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