Quiet Violet color palette — #FFF1F6 · #B87832 · #8166CB · #74589C · #492F39

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Caramel (#B87832): A luminous, balanced gold — the color of afternoon light on wheat.
• Amethyst (#8166CB): A full-bodied, balanced violet — the color of wild irises.
• Slate (#74589C): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#492F39): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Weathered Violet color palette (#EAFAEE, #9E7C00, #8359B0, #794325, #26382B)
• Sunlit Cobalt color palette (#FFF0FB, #CB6752, #4478D3, #5265A3, #44313F)
• Aged Lilac Chapel color palette (#E3FCF2, #92A060, #9D78B3, #945B7E, #344740)
• Faded Amber color palette (#FFF0D4, #AA8A00, #008FA3, #8A5683, #261D0A)
• Marigold Drift color palette (#E1FEEA, #C5A116, #23AAC0, #A3749C, #253F2E)
• Patina Bronze Cabin color palette (#ECFAED, #ABAB79, #8E6C2E, #68455A, #27433E)
• Ancient Byzantium color palette (#F2E8C7, #866F00, #9700BF, #7D009F, #2C2300)
• Hushed Coast color palette (#EDF9ED, #B6EAEE, #84E2CC, #A46F6A, #405146)

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