Muted Pier color palette — #F3F4FF · #BDC0E9 · #9FBD80 · #997BC4 · #26574D

Built around Lavender Blue, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#BDC0E9): A luminous, dusty violet — the color of a velvet chair.
• Sage (#9FBD80): A luminous, balanced green — the color of new leaves after rain.
• Lavender Blue (#997BC4): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#26574D): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication. 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

• Softworn Alley color palette (#F3F4FF, #E2C8FF, #B6D29B, #B69AD5, #2B564D)
• Dusty Cornflower color palette (#EEF6FF, #A7C7F0, #CDAC6F, #4D8EDD, #38553D)
• Dusty Terrace color palette (#FAF2FC, #E8B4C0, #7AC3A2, #C76B85, #275844)
• Dusty Lantern color palette (#FFF1F5, #BCA3D8, #8AA450, #80639F, #4E4D46)
• Weathered Station color palette (#F3F4FF, #E6D8E0, #DBB8A7, #849ECD, #514A60)
• Timeworn Driftwood color palette (#F6F4FC, #ACDCDA, #81769B, #504767, #2C2A33)
• Bronze Ridge color palette (#EAFAEF, #B1D4C8, #81A68D, #936B4B, #334D4B)
• Plum Cabin color palette (#F3EAFF, #DB89BD, #00AD97, #B63490, #003F36)

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