Muted Pier color palette — #F9F0E9 · #CA8C63 · #7F7226 · #315633 · #3E1B1A

Walnut and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F0E9): bright and airy, almost weightless.
• Camel (#CA8C63): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#7F7226): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#315633): A full-bodied, dusty green — the color of fresh herbs.
• Espresso (#3E1B1A): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Bronze Station color palette (#FDEEEC, #CB8498, #9E6039, #554D19, #3A1D26)
• Taupe Canyon color palette (#F5F2E9, #AB9E4D, #428254, #00575D, #37220F)
• Fern Cabin color palette (#FFEFDA, #AB7800, #416800, #00433B, #310600)
• Antique Amber Archive color palette (#FFEBDB, #E1AE86, #BA7728, #7B571E, #35312B)
• Softworn Quarry color palette (#FFEFE0, #D0C1AD, #A4997F, #5A6D2A, #40483B)
• Antique Courtyard color palette (#F7EBE3, #B66D52, #592F00, #271B15, #110B08)
• Timeworn Coral color palette (#FDF1FC, #D9777B, #3D805B, #235C6D, #34425F)
• Hushed Terrace color palette (#FEF0FB, #E8998F, #A48855, #6D618C, #4C3A58)

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