Muted Pier color palette — #F8E1D8 · #B67600 · #505600 · #00230F · #000201

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

The five colors

• Shell Pink (#F8E1D8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#B67600): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#505600): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#00230F): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000201): quiet, heavy and certain.

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

• Dusty Moss Basin color palette (#F2E0C6, #9D9000, #006521, #002922, #000102)
• Softworn Bronze Bloom color palette (#FFE5DA, #946400, #3B4200, #00200C, #000C09)
• Gentle Moss color palette (#F4E6CF, #A59500, #687700, #2A5A00, #001207)
• Timeworn Scarlet Loft color palette (#FFE8F2, #E1443E, #7C4600, #211D00, #000200)
• Bronze Loft color palette (#FFE0D0, #A66500, #08520B, #280046, #020100)
• Garnet Dune color palette (#FFEAE5, #A4915C, #2A704D, #611934, #170006)
• Faded Meadow color palette (#FFF2EC, #E3BC00, #6B8E00, #005B34, #001D1F)
• Wandering Delta color palette (#E4E1D1, #545F63, #4F5200, #111B18, #000803)

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