Moss Pier color palette — #C9EAE1 · #778F00 · #B15300 · #150C01 · #040100

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

The five colors

• Honeydew (#C9EAE1): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#778F00): A luminous, balanced green — the color of fresh herbs.
• Ochre (#B15300): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#150C01): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#040100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Scarlet Field color palette (#DAECE0, #9F7F00, #CE2800, #170900, #050100)
• Olive Harbor color palette (#F8DEE5, #618200, #885800, #100F06, #030100)
• Dusty Villa color palette (#F4E1CA, #8E6900, #493A00, #1D1B00, #080A00)
• Worn Crimson Studio color palette (#CAEBFC, #00A63B, #D10039, #200003, #050005)
• Washed Bronze color palette (#F5ECE4, #B9A68E, #9C7936, #512E00, #1B1207)
• Softworn Courtyard color palette (#D7F0FD, #00BFA2, #919C00, #122914, #151207)
• Lime Station color palette (#DAF1EB, #7EC200, #D48400, #322C08, #23170A)
• Emerald Corridor color palette (#D9E3F6, #00A3BF, #039B28, #001913, #050601)

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