Moss Pier color palette — #F9EED1 · #CABD50 · #81A700 · #008586 · #32302A

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

The five colors

• Cream (#F9EED1): A whisper-light, dusty gold — the color of old brass.
• Gold (#CABD50): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#81A700): A luminous, vivid green — the color of a quiet forest floor.
• Teal (#008586): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#32302A): quiet, heavy and certain.

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

• Misty Amber color palette (#FAEDD6, #E8AE59, #B09600, #008967, #34302A)
• Jade Canyon color palette (#F4EFD8, #98CC7A, #3EAF75, #0080A7, #30312A)
• Timeworn Moss color palette (#EAE4CC, #9EA300, #58693B, #3E3C35, #100D06)
• Washed Marigold Summit color palette (#E8FCE6, #EDA800, #539035, #52477E, #072819)
• Hushed Teal color palette (#EBE9CC, #C3C8A1, #6CB591, #6A927F, #1A4F43)
• Hazy Olive Hollow color palette (#E9E0C5, #9BA000, #4A8900, #00616A, #131900)
• Antique Alley color palette (#EEE6BA, #1BD434, #00A77B, #0074A6, #003315)
• Feathered Teal Veranda color palette (#E0E2BA, #00C4B8, #0099AB, #5A5BA9, #112B12)

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