Moss Pier color palette — #D2E3DF · #579100 · #007197 · #274600 · #000103

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

The five colors

• Silver (#D2E3DF): a clean, paper-quiet neutral.
• Olive Leaf (#579100): A full-bodied, vivid green — the color of new leaves after rain.
• Peacock (#007197): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#274600): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Quiet Olive Quarry color palette (#D4EBCD, #307A00, #00656C, #5D3A00, #000200)
• Lagoon Garden color palette (#CCF2E7, #00937C, #875E00, #00473B, #020100)
• Tempered Field color palette (#E2E3D4, #347000, #005273, #153500, #00121C)
• Aged Olive Cabin color palette (#D7F4FF, #00A5B4, #817F00, #005861, #080800)
• Faded Emerald color palette (#B7FCB6, #3BAD40, #026416, #011701, #000200)
• Mulberry Workshop color palette (#E6E3D3, #536400, #7D006F, #252E00, #080006)
• Sunlit Plum Hollow color palette (#E2F6E9, #947C00, #B51E65, #483B00, #040001)
• Moss Market color palette (#CBE7E8, #8B9724, #003423, #060B0E, #000201)

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