Violet Harbor color palette — #FFF1F5 · #9B69B8 · #7A7400 · #006346 · #412C32

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Amethyst (#9B69B8): A luminous, balanced violet — the color of a velvet chair.
• Olive (#7A7400): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#006346): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#412C32): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Ancient Plum color palette (#FFF1F3, #955397, #666100, #005246, #372536)
• Worn Driftwood color palette (#FFF1F1, #B77A9C, #658B59, #006D6F, #4B3737)
• Wandering Violet Workshop color palette (#FFECF4, #8D70D9, #418656, #256039, #24141C)
• Timeworn Peony Parlor color palette (#FFF2F0, #C0688D, #845A00, #005636, #123B58)
• Patina Bronze color palette (#FFF0FD, #5C7FC8, #AB5607, #515900, #3D2C3B)
• Washed Lilac color palette (#F1F5FF, #9890EF, #45A478, #487B61, #2D3244)
• Wandering Terracotta color palette (#FFF4E2, #C280A3, #A34B43, #165C39, #523430)
• Plum Lagoon color palette (#FFDADD, #AE009C, #536000, #004743, #31112C)

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