Quiet Violet color palette — #F4F4FF · #DCA8F3 · #9AB54B · #9555AF · #232C00
A conversation between Amethyst and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Lavender (#DCA8F3): A luminous, balanced pink — the color of neon signs at night.
- Sage (#9AB54B): A luminous, balanced green — the color of new leaves after rain.
- Amethyst (#9555AF): A full-bodied, balanced pink — the color of peonies in June.
- Deep Forest (#232C00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Muted Indigo color palette (#F1F5FF, #B3B7FF, #76BD62, #6765CC, #0C3100)
- Sunlit Indigo Garden color palette (#F1F5FF, #B7B6FF, #CDA126, #6D64C7, #342500)
- Plum Garden color palette (#F8F2FF, #F3A0D6, #38C296, #AD4A8F, #003022)
- Chalky Peony color palette (#F7F3FF, #FFBCEB, #92CC8F, #B76CA3, #1E421D)
- Orchid Courtyard color palette (#FFE7EF, #CEAEF2, #00C6DD, #B262F9, #003D45)
- Aubergine Ridge color palette (#FFE8EC, #B172BB, #827C00, #80288D, #3A3700)
- Softworn Ash Alley color palette (#F3F4FF, #EBDADB, #A6BAAE, #9098CA, #3A324A)
- Feathered Grove color palette (#F4F4FF, #D79CFC, #6E930F, #3F915B, #1A1732)
Browse the whole catalog at Explore, or see today's palette.