Muted Pier color palette — #F9F5EB · #A69950 · #008181 · #544A7E · #48403D

Moss and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Moss (#A69950): A luminous, balanced green — the color of fresh herbs.
• Teal (#008181): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#544A7E): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#48403D): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, 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

• Washed Amber Bloom color palette (#FBF4ED, #C08C54, #448053, #115B7B, #573840)
• Aged Petrol color palette (#F4F7EA, #72A777, #2F77A8, #733F64, #46413C)
• Timeworn Taupe color palette (#F7F1E7, #B29A4D, #636F9C, #49476D, #3C1B28)
• Driftwood Grove color palette (#FFF4DC, #CDCCAE, #859470, #7D6B77, #5C4B50)
• Antique Dune color palette (#EFF8EE, #E3A34B, #5A92BE, #755E87, #403F59)
• Muted Emerald color palette (#FEF6D4, #A7C485, #52964F, #336D45, #4F524C)
• Patina Turquoise color palette (#F8F5EF, #C6EAE3, #51A6BE, #387C6F, #375147)
• Timeworn Aubergine color palette (#FAF6DD, #718900, #00666E, #421A98, #581223)

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