Moss Pier color palette — #F3DEE5 · #CBB97E · #899A50 · #368669 · #322800

Moss takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F3DEE5): A whisper-light, dusty rose — the color of a warm blush.
• Sand (#CBB97E): A luminous, dusty green — the color of new leaves after rain.
• Moss (#899A50): A luminous, balanced green — the color of fresh herbs.
• Fern (#368669): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Antique Bloom color palette (#D7EADE, #AFC294, #51A56B, #238487, #202F00)
• Olive Study color palette (#EBE4D4, #A8A878, #6B7A1A, #3D602C, #322801)
• Ancient Bronze color palette (#D8EADE, #B0C291, #62A270, #877423, #003127)
• Wandering Pine color palette (#D6EDE2, #7AA668, #00855C, #00616D, #041400)
• Airy Jade Workshop color palette (#EDF9ED, #D5D19C, #8AB462, #7A80CC, #403C0D)
• Ancient Teal color palette (#EBF9F0, #B7DFD4, #82BC92, #6799A8, #2B4942)
• Dusty Amber color palette (#FBEDDF, #A68C11, #4C5D07, #034432, #191000)
• Patina Periwinkle Balcony color palette (#F8EAF1, #A8DCF4, #66A9ED, #00918E, #202957)

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