Violet Pier color palette — #FFF1F6 · #B7A6D5 · #A89951 · #815BB7 · #504D46

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mauve (#B7A6D5): A luminous, dusty violet — the color of twilight just after sunset.
• Moss (#A89951): A luminous, balanced green — the color of a quiet forest floor.
• Amethyst (#815BB7): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#504D46): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Violet 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

• Cobalt Workshop color palette (#FEF1FB, #9AAFE0, #B99063, #536FB6, #6D4200)
• Worn Moss Corridor color palette (#EEF1FF, #B2AAE8, #9AA547, #7167A7, #15392D)
• Mustard Field color palette (#FDF2F7, #C3BDF0, #AFB965, #8B83BE, #4F4D46)
• Sunlit Plum color palette (#FEF2F2, #D19EBE, #70A783, #A45089, #46540A)
• Ancient Garden color palette (#FFF1F6, #A18CC4, #8A8F50, #4F7E4D, #533A44)
• Powdered Plum Atelier color palette (#FFF1F1, #C989A9, #009F93, #A53077, #004E47)
• Pewter Orchard color palette (#FEF1F4, #B4C8A3, #6F507B, #462D4F, #34272B)
• Aged Bronze color palette (#FDF4E8, #BFB8A1, #A2773A, #7E513E, #4C4B00)

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