Moss Pier color palette — #E4F3E9 · #659A3B · #007456 · #6A324E · #000806

Olive Leaf takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E4F3E9): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#659A3B): A luminous, balanced green — the color of new leaves after rain.
• Pine (#007456): A full-bodied, balanced teal — the color of glacier melt.
• Mulberry (#6A324E): A full-bodied, balanced rose — the color of a warm blush.
• Ink (#000806): A deep, shadowed, dusty teal — the color of sea glass.

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

• Powdered Moss color palette (#DEF1E5, #71A95A, #008468, #684675, #041400)
• Gentle Moss color palette (#F2D9E1, #958C00, #377225, #553D60, #000804)
• Weathered Pine color palette (#EFEFDC, #198B46, #00523E, #1E2850, #000902)
• Linen Raspberry color palette (#EAE0F8, #D226A2, #008376, #940070, #000806)
• Wandering Quarry color palette (#D2E8D2, #A7B043, #279744, #685A8C, #002117)
• Plum Meadow color palette (#F2E0E9, #C20088, #007573, #01576E, #060003)
• Lowlit Orchard color palette (#EFEBDB, #416239, #003322, #220031, #000200)
• Hushed Coral color palette (#F1D5E7, #FE8064, #B28E3B, #715794, #160219)

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