Muted Pier color palette — #FFF1F6 · #B9A055 · #5C6700 · #24396A · #0B0700

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Camel (#B9A055): A luminous, balanced green — the color of new leaves after rain.
• Olive (#5C6700): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#24396A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0B0700): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Washed Pine color palette (#E0FEEB, #92AE5B, #117237, #41325D, #050900)
• Hushed Lantern color palette (#D1E8D5, #8F934D, #255C08, #292057, #010100)
• Aged Olive color palette (#EBFAEB, #C2BE81, #5F833C, #514A76, #001E12)
• Hushed Bronze Studio color palette (#F0E2D6, #957600, #424A00, #162B5C, #251800)
• Antique Olive Meadow color palette (#D6E6DC, #7C7D28, #3E4A00, #003229, #000B05)
• Wandering Lagoon Villa color palette (#D2E3DC, #54895A, #004738, #2B0B31, #000200)
• Patina Loft color palette (#E4DECE, #A6AE69, #6E8B21, #007466, #1A1D00)
• Airy Aubergine Meadow color palette (#E9EDFF, #A68BF4, #3F8A00, #5300AA, #020A00)

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