Moss Canyon color palette — #F5DBB9 · #D6BC7D · #A99513 · #677000 · #3B4B23

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#F5DBB9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#D6BC7D): A luminous, balanced gold — the color of old brass.
• Mustard (#A99513): A luminous, balanced green — the color of fresh herbs.
• Olive (#677000): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3B4B23): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, 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

• Patina Garden color palette (#FAF5E5, #C3BFA1, #969355, #7F651E, #3D3E37)
• Soft Pine Hollow color palette (#FBEEC7, #AFC07E, #76A95A, #2A7E2B, #20563B)
• Amber Bloom color palette (#FFE8DA, #E8A97E, #C27E1F, #936800, #57480E)
• Frosted Meadow color palette (#FFE0CB, #CD9F4D, #877D00, #486608, #43443D)
• Pale Bloom color palette (#FFF3E4, #F9CB51, #B6A33B, #737C40, #12453A)
• Hazy Moss Boulevard color palette (#E4E0C8, #9FA500, #718700, #346700, #003D18)
• Tempered Workshop color palette (#F9F5E6, #D1E6D0, #96DAE0, #AC9140, #545000)
• Olive Workshop color palette (#FAF5E6, #BCBC7F, #AA94EB, #888500, #453A63)

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