Weathered Moss Coast color palette — #E3DED0 · #9E9500 · #31682A · #3A3600 · #0E0600

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

The five colors

• Bone (#E3DED0): bright and airy, almost weightless.
• Moss (#9E9500): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#31682A): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#3A3600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0E0600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Balance. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Weathered Moss Coast 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 Alley color palette (#F9EDDF, #C48200, #5D5D02, #4A2E00, #110400)
• Antique Moss Courtyard color palette (#E6E8D2, #4AAC00, #006955, #1C3F0A, #0B0700)
• Olive Courtyard color palette (#CAEFDE, #7E7C00, #313E00, #1D1C00, #000B04)
• Wandering Garden color palette (#F5F2E6, #B3BE7D, #74843F, #625400, #252119)
• Fern Study color palette (#F0EFDD, #476800, #00291B, #0B0C05, #010200)
• Patina Lagoon color palette (#DDE8DA, #27C3B1, #597866, #404F3B, #171A10)
• Worn Lagoon Corridor color palette (#DEEAD3, #008E71, #004B54, #00241A, #020200)
• Washed Canyon color palette (#EAE2C5, #B6BB00, #56A900, #007E40, #003E31)

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