Muted Pier color palette — #F8EBDE · #9E8331 · #7C4500 · #581712 · #120E00

Caramel and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8EBDE): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#9E8331): A luminous, balanced green — the color of a quiet forest floor.
• Bronze (#7C4500): A full-bodied, balanced gold — the color of old brass.
• Espresso (#581712): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#120E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, 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

• Hushed Driftwood color palette (#F0E9D9, #749152, #615600, #482900, #0B1100)
• Aged Bronze color palette (#FFF1F6, #CEAD75, #A86400, #6F330F, #00180A)
• Tempered Coast color palette (#FAF0E7, #CDB896, #A37857, #83442A, #2F2C1F)
• Soft Aubergine color palette (#EBF1E3, #007752, #821F8D, #433400, #050A00)
• Muted Coral Field color palette (#E0EFE2, #D56764, #004145, #001618, #000200)
• Patina Grape color palette (#E1E7DA, #00A67F, #601DC4, #00543F, #070003)
• Tempered Tangerine Courtyard color palette (#F0DADE, #F6653A, #008857, #001A19, #040600)
• Gentle Navy Harbor color palette (#E1F1EB, #00A2AF, #00618F, #1E0B8E, #170020)

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