Violet Courtyard color palette — #F3F4FE · #E5D5E4 · #DAB5C8 · #946FD0 · #3C3E4F

Amethyst takes the lead with Rosewood Mist close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F3F4FE): a clean, paper-quiet neutral.
• Silver (#E5D5E4): A whisper-light, dusty pink — the color of a candy shop window.
• Rosewood Mist (#DAB5C8): A luminous, dusty rose — the color of strawberry cream.
• Amethyst (#946FD0): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#3C3E4F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Washed Violet color palette (#EEEDF6, #DBD4E6, #C4AFC8, #8C56AD, #2D2D37)
• Worn Corridor color palette (#EFF6FD, #DCD7E8, #CFB8D7, #4D8AC9, #334150)
• Muted Driftwood Thicket color palette (#F6F4FA, #E4D7DC, #D2BBBD, #B27B9B, #4A4550)
• Washed Villa color palette (#FEF1F6, #E7D6CF, #A7AF9F, #AE91EC, #4F3842)
• Plum Boulevard color palette (#FBF1FD, #EBD7E5, #DAB0C0, #C63E67, #3A2E3D)
• Hushed Coral color palette (#E7EDFF, #DDB2D8, #CE7078, #007D6B, #2E5264)
• Hushed Veranda color palette (#E4DFF2, #C74AC0, #6E2B3D, #2A203E, #0F101D)
• Mulberry Pier color palette (#E9E4ED, #BDAFBB, #AF889B, #882A57, #18111C)

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