Moss Field color palette — #FFDCD6 · #EAAB6B · #92AA43 · #7273A4 · #3D3772

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

The five colors

• Shell Pink (#FFDCD6): A whisper-light, dusty orange — the color of toasted spice.
• Sand (#EAAB6B): A luminous, balanced gold — the color of honey in a jar.
• Moss (#92AA43): A luminous, balanced green — the color of fresh herbs.
• Slate (#7273A4): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#3D3772): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Moss Field 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 Amber color palette (#FFE7EE, #FFA18A, #C19837, #5283B3, #114471)
• Mustard Canyon color palette (#F9DAC3, #D3BE40, #71AD89, #8E68A8, #4C325E)
• Dusty Pewter Garden color palette (#FFF0F9, #FFBBA9, #9A8D46, #795090, #47205B)
• Straw Dune color palette (#FFF2E9, #D0D384, #78B98C, #A67C89, #5C446D)
• Feathered Courtyard color palette (#EDDECC, #D3A83A, #918E2A, #007358, #004543)
• Quiet Moss color palette (#FBE8CD, #C5C941, #58AF2A, #A0648C, #2F3001)
• Aged Jade Delta color palette (#F2F1DC, #74B46B, #539798, #78536F, #3D1234)
• Navy Station color palette (#FAD8C4, #B7996B, #696F00, #004D65, #001D63)

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