Quiet Violet Harbor color palette — #F2F5FF · #7D57FB · #605D00 · #394600 · #00352A

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Amethyst (#7D57FB): A full-bodied, vivid violet — the color of twilight just after sunset.
• Olive (#605D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#394600): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#00352A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Byzantium Delta color palette (#F3F4FF, #A233FD, #5E5E00, #004C3B, #003135)
• Chalky Cabin color palette (#EDF1FF, #7065CC, #635300, #004635, #002C2E)
• Airy Coast color palette (#EEF6FF, #007DE7, #7C4E00, #4E3E00, #1D310C)
• Softworn Byzantium color palette (#E8E4FF, #AC00C5, #485200, #003949, #0D1F34)
• Orchid Canyon color palette (#F5F3FF, #B266BE, #2E7439, #005547, #023949)
• Antique Grape Terrace color palette (#E2E9FE, #522FCB, #423600, #002525, #000F16)
• Weathered Orchid Delta color palette (#FFECF3, #9E59E3, #A30D5E, #5D2600, #000A4F)
• Antique Cobalt color palette (#FDF1F8, #74DFFB, #0D85D2, #006951, #353D63)

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