Moss Pier color palette — #D7F0E3 · #968800 · #434A09 · #2C2700 · #04160B

Olive Leaf and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D7F0E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#968800): A luminous, balanced green — the color of fresh herbs.
• Deep Olive (#434A09): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#2C2700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#04160B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Hushed Alley color palette (#CBE7E0, #539C00, #26502E, #192D0A, #011610)
• Moss Study color palette (#FFF5D9, #A39400, #3A400A, #1C1400, #030100)
• Olive Boulevard color palette (#E2F3EC, #727800, #29390A, #001C12, #000603)
• Softworn Field color palette (#FBE8EE, #B97500, #55421B, #382000, #1D0B13)
• Mustard Summit color palette (#EADDC1, #B7A200, #56704A, #533E00, #171008)
• Gentle Station color palette (#C8F6EE, #5EB43A, #00A2AE, #AB6F00, #183A08)
• Tempered Teal color palette (#E2F6F9, #4FAF9D, #3F5E65, #243D40, #192425)
• Emerald Bloom color palette (#E0FDF4, #9FC894, #3A9D53, #816500, #284221)

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