Moss Pier color palette — #F9EEC9 · #8C9114 · #336300 · #003237 · #030400

A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.

The five colors

• Custard (#F9EEC9): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#8C9114): A luminous, balanced green — the color of new leaves after rain.
• Olive (#336300): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003237): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged retro.

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

• Washed Dune color palette (#E1E4D3, #548700, #005128, #001F2A, #000200)
• Faded Lagoon color palette (#F3F0CE, #00A45C, #006353, #002D4F, #000502)
• Tempered Quarry color palette (#FEECCE, #C57300, #6B5000, #00351D, #070300)
• Patina Alley color palette (#F5F8E1, #77B283, #007249, #453C00, #000B02)
• Olive Loft color palette (#CCEFDA, #726700, #334400, #002B2B, #171700)
• Linen Veranda color palette (#F9E5CE, #825D00, #134800, #260053, #060500)
• Soft Emerald color palette (#F9E6D1, #C68C00, #459413, #5F2D98, #1A1600)
• Clover Orchard color palette (#FFF7C9, #49C931, #00885E, #004C6C, #001F08)

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