Muted Pier color palette — #FBEDF8 · #FFCDDF · #F1B796 · #A6A746 · #37202D

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

The five colors

• Blush (#FBEDF8): A whisper-light, dusty pink — the color of a candy shop window.
• Shell Pink (#FFCDDF): A whisper-light, dusty rose — the color of pressed rose petals.
• Sand (#F1B796): A whisper-light, balanced gold — the color of old brass.
• Moss (#A6A746): A luminous, balanced green — the color of a quiet forest floor.
• Onyx (#37202D): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged candy, vibrant, 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

• Aged Jade Lantern color palette (#FDEDF4, #ECD0CC, #FFC18A, #84B060, #1D3523)
• Hushed Studio color palette (#F7EEFB, #DFD4E1, #FFB4D5, #C88625, #3D283A)
• Feathered Lagoon color palette (#E7F7EA, #FFC7C1, #D3B45A, #00A37B, #002A1F)
• Tempered Taupe color palette (#FFF0FB, #E7D9D6, #EFC29A, #C09854, #58424E)
• Chestnut Harbor color palette (#F5DFF7, #D9A48D, #B08247, #6E5C00, #133A2C)
• Washed Bronze Loft color palette (#EBF5EB, #CDAE7F, #7B9FCB, #966800, #1C324C)
• Powdered Emerald Ridge color palette (#E8F7E8, #FFACB9, #D99700, #359200, #1B1600)
• Timeworn Honey color palette (#FFF2EB, #E7DAD6, #F7BF78, #B8B5AA, #5E3100)

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