Moss Pier color palette — #FFF2E9 · #F4BE5E · #899200 · #2B7018 · #003A25

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Honey (#F4BE5E): A whisper-light, balanced gold — the color of honey in a jar.
• Olive Leaf (#899200): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#2B7018): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003A25): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, 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

• Soft Mustard Loft color palette (#FAECCA, #D6B80E, #9BA000, #648135, #283D1B)
• Timeworn Bronze color palette (#FFF2EF, #FFB48A, #AD7D00, #695C00, #192F06)
• Frosted Moss color palette (#F9E0C7, #A09200, #5F7500, #003E14, #00120B)
• Emerald Study color palette (#FFF5D9, #B7D470, #1CA927, #006E50, #00312D)
• Gentle Lantern color palette (#FBEFD2, #7C8A00, #096A14, #003126, #000505)
• Tempered Lime Terrace color palette (#DFFFE2, #DCDD8B, #80BF4E, #308955, #0F444D)
• Dusty Study color palette (#D7FFF5, #C1E99D, #6D9900, #365400, #061100)
• Washed Station color palette (#E9FAF0, #D1C15B, #D180EC, #867700, #361B3F)

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