Muted Pier color palette — #F8E9FB · #A7C06E · #984357 · #502730 · #1C121E

Raspberry and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F8E9FB): A whisper-light, dusty pink — the color of a candy shop window.
• Sage (#A7C06E): A luminous, balanced green — the color of a quiet forest floor.
• Raspberry (#984357): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#502730): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#1C121E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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 Corridor color palette (#EFECFF, #85C973, #804C87, #372F50, #171421)
• Dusty Bronze Meadow color palette (#FFF0FB, #C9C981, #A15C4C, #503A4A, #281E25)
• Terracotta Lagoon color palette (#FFF2EE, #D5D49B, #98464B, #4A0F16, #0B0200)
• Worn Mustard Villa color palette (#F8DCE6, #C9A800, #844B00, #452500, #1D0711)
• Cocoa Atelier color palette (#F5EBF2, #F1BD8B, #B77367, #843E33, #210E1E)
• Hushed Garnet color palette (#FAEBE4, #C19060, #6E2A1F, #3F0F08, #1A1002)
• Linen Garnet color palette (#F7E0F6, #959A00, #820B26, #36050D, #060007)
• Bronze Delta color palette (#FBF2F7, #CCE4E0, #AFC8CB, #A97151, #41373C)

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