Violet Harbor color palette — #FFF0F8 · #9A70FF · #A06100 · #066614 · #002433
Built around Amethyst, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Amethyst (#9A70FF): A luminous, vivid violet — the color of wild irises.
- Ochre (#A06100): A full-bodied, balanced gold — the color of old brass.
- Pine (#066614): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#002433): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.
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
- Softworn Corridor color palette (#FFF0FB, #7192FF, #A44A00, #3A5D00, #0A2A18)
- Weathered Orchid color palette (#FFF1F5, #A465C5, #826500, #006144, #281A2A)
- Weathered Wisteria Dune color palette (#FFF1F4, #C773E3, #C44C00, #3F6100, #003742)
- Worn Raspberry color palette (#FFF4E2, #C787F5, #D62490, #536300, #452A47)
- Amethyst Studio color palette (#FFF0F7, #7C27FC, #5E5000, #423800, #002924)
- Patina Olive Grove color palette (#FFF1F3, #C875B4, #7F8600, #006766, #32222D)
- Airy Balcony color palette (#EDF6FF, #00A3ED, #6C8600, #00623F, #001114)
- Aged Brick color palette (#DEFEF1, #1FA0E6, #BC002D, #645500, #102609)
Browse the whole catalog at Explore, or see today's palette.