Muted Pier color palette — #FDF1F9 · #C9D2FF · #DBC679 · #99A4E1 · #504D46

Honey and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Lilac Frost (#C9D2FF): A whisper-light, dusty violet — the color of wild irises.
• Honey (#DBC679): A whisper-light, balanced green — the color of a quiet forest floor.
• Mauve (#99A4E1): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#504D46): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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 Mustard color palette (#FCF1F8, #B8C0F4, #CAAF50, #7E86C7, #504D46)
• Ancient Summit color palette (#ECF9F2, #9BE0FF, #FFB289, #5CB5DA, #524C47)
• Patina Mint color palette (#FFF1F3, #EEC5F1, #9ADA96, #CB90D0, #4D4E47)
• Weathered Dune color palette (#FFF0F9, #BFC0FE, #F6A888, #73C19D, #4D3D47)
• Orchid Terrace color palette (#FFF1F7, #CDB7FF, #ACD422, #9E6AF3, #334100)
• Weathered Powder Garden color palette (#FFF0F8, #E9D4F1, #BAA9F9, #8C7FBB, #4F2D3E)
• Washed Ash color palette (#FBF3F4, #F3DAB2, #B48EC0, #85626A, #31292B)
• Dusty Studio color palette (#FFF3E7, #EBD6BA, #D8AC84, #AE8970, #5C4300)

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