Muted Pier color palette — #EEF8F4 · #DCC188 · #717733 · #424617 · #172520

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

The five colors

• Ivory (#EEF8F4): a clean, paper-quiet neutral.
• Sand (#DCC188): A whisper-light, balanced gold — the color of honey in a jar.
• Olive (#717733): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#424617): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#172520): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Muted 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

• Tempered Lagoon Boulevard color palette (#EDF8F6, #E6CE9D, #578C5D, #255753, #212E2D)
• Ancient Corridor color palette (#F8F5EA, #F7E5A8, #797A48, #3A3B11, #140F02)
• Worn Station color palette (#E0FBFD, #E4B23B, #007C5E, #004634, #002022)
• Weathered Chestnut color palette (#F7F5EB, #F4CF9A, #909B6A, #716315, #252210)
• Worn Terrace color palette (#EDF8F5, #B2D18C, #00A1B7, #6C8D3A, #112730)
• Nocturne Bronze Garden color palette (#CCE4E4, #936E00, #00351E, #151A20, #000803)
• Tempered Terrace color palette (#C7EEE6, #D6A200, #316B00, #163700, #001410)
• Lagoon Workshop color palette (#EFF7F6, #D3DBE0, #B5C3CF, #6A9E73, #404A49)

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