Muted Pier color palette — #FEE3FA · #1338CC · #524100 · #332700 · #030A28

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

The five colors

• Blush (#FEE3FA): A whisper-light, dusty pink — the color of a candy shop window.
• Cobalt (#1338CC): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#524100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Espresso (#332700): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#030A28): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Nightshade Delta color palette (#FDE4FB, #0E46B2, #742500, #431C00, #00092B)
• Midnight Nightshade Corridor color palette (#FBE2F8, #002DB1, #303C00, #002317, #00011C)
• Worn Grape Harbor color palette (#F7E6EE, #6330B9, #4F2E00, #002618, #001012)
• Hushed Meadow color palette (#D9F6E7, #005A74, #5B3C00, #392400, #001017)
• Timeworn Garden color palette (#E4EFD7, #5856BA, #6A0756, #002C1F, #1D0B30)
• Indigo Cabin color palette (#FED7F1, #5D5BFF, #255600, #004838, #161748)
• Feathered Aubergine Pier color palette (#FCD9DE, #85008A, #474600, #2B2A00, #1B011C)
• Weathered Navy color palette (#E6DDE1, #C7B3B7, #A38684, #46367C, #291A22)

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