Moss Pier color palette — #DCF4E3 · #918A00 · #5F4B00 · #311D00 · #010100

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

The five colors

• Honeydew (#DCF4E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#918A00): A luminous, balanced green — the color of new leaves after rain.
• Bronze (#5F4B00): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#311D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Amber Atelier color palette (#F6DDE7, #B47800, #743D00, #3E1000, #020100)
• Moss Atelier color palette (#D3EDDD, #9AA148, #6F5F00, #432D00, #000504)
• Washed Lime Coast color palette (#DCFFEC, #B4C74B, #8D8000, #634800, #0D1D00)
• Weathered Lapis color palette (#E3EAFA, #553BD7, #684500, #0E3100, #00000B)
• Timeworn Delta color palette (#FFF1F6, #EDCA8F, #CE7B00, #964514, #312700)
• Navy Meadow color palette (#E6EEFE, #B28600, #1E0082, #0C0619, #01000A)
• Eclipse Aubergine Alley color palette (#DFE4FF, #6500B0, #493100, #001F0C, #000103)
• Worn Stone color palette (#FFF0F9, #EDD3D1, #D5A18B, #8C6F88, #364335)

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