Moss Dune color palette — #F0EFE6 · #CCD6CD · #9EC8B6 · #889C53 · #302E23

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

The five colors

• Cream (#F0EFE6): a clean, paper-quiet neutral.
• Oat (#CCD6CD): bright and airy, almost weightless.
• Stone (#9EC8B6): A luminous, dusty teal — the color of shallow lagoons.
• Moss (#889C53): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#302E23): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Moss Dune 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

• Olive Drift color palette (#E6F1EE, #C6DDDA, #98C1BE, #57802C, #21322E)
• Wandering Emerald Parlor color palette (#EDE4CE, #A7C681, #2EAA66, #7E7647, #2D2A06)
• Worn Teal color palette (#F2F7F0, #C7E1DC, #B6C8F1, #00B198, #293821)
• Patina Turquoise color palette (#E9EFD3, #8BC5AC, #5AA3AE, #9A6467, #4F3129)
• Ancient Emerald color palette (#DDE6C8, #00A75A, #00615D, #2F312A, #060500)
• Dusty Fern color palette (#E1ECE9, #C1CFCD, #8CAAAC, #445F0A, #061A15)
• Washed Pine color palette (#DEE2D9, #A2B5AF, #85A2C8, #008662, #101606)
• Moss Harbor color palette (#E7E2CB, #9EAD00, #008ADA, #A53246, #40020F)

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