Muted Pier color palette — #DCE3FF · #896FE2 · #BE5A00 · #007B61 · #20183C

A conversation between Amethyst and Terracotta, giving this palette its sense of optimism and creativity.

The five colors

• Frost (#DCE3FF): A whisper-light, dusty violet — the color of wild irises.
• Amethyst (#896FE2): A luminous, vivid violet — the color of twilight just after sunset.
• Terracotta (#BE5A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Teal (#007B61): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#20183C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged warm.

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

• Violet Field color palette (#F5F4FF, #9674FF, #C96001, #007E63, #0E0525)
• Soft Station color palette (#DFE2FE, #A67EDC, #C67100, #008B7C, #322248)
• Byzantium Villa color palette (#EEEDFF, #984DBD, #8F5D00, #006664, #1F002D)
• Airy Crimson Market color palette (#D9E3F1, #5085D9, #CE414F, #2B7D00, #071E41)
• Powdered Peony Ridge color palette (#E6DCF7, #BC61A2, #8C7A00, #00758D, #33102A)
• Peony Lantern color palette (#E1DAF0, #CF63C0, #4E6C00, #006057, #1F1331)
• Sunlit Meadow color palette (#F5F3FF, #C48EC9, #BE901F, #0098A3, #39334E)
• Sapphire Lagoon color palette (#CFE0F7, #1162DD, #496B00, #005E17, #0B1F3A)

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