Violet Harbor color palette — #FFF1F6 · #8C6ABE · #775200 · #004B55 · #332128
A conversation between Amethyst and Coffee, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Amethyst (#8C6ABE): A full-bodied, balanced violet — the color of twilight just after sunset.
- Coffee (#775200): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Teal (#004B55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#332128): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.
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
- Weathered Driftwood color palette (#FFF1F1, #AD6186, #6F5900, #004461, #382120)
- Patina Violet Meadow color palette (#F1F0FF, #9656B5, #715B00, #004C3B, #061321)
- Worn Cabin color palette (#EAF9F5, #247FCA, #8B4D00, #005056, #16302A)
- Feathered Mulberry color palette (#FFF1F6, #855FB1, #8B366B, #404900, #331F2D)
- Frosted Canyon color palette (#F4F8DE, #A286D5, #A9424F, #00595E, #4E3539)
- Wisteria Field color palette (#FFF1F4, #BD7ACB, #957900, #276E5A, #2F2130)
- Weathered Pewter color palette (#FBF3F4, #E2D9D3, #CBBFAA, #87678D, #514446)
- Timeworn Courtyard color palette (#FFF2F0, #A33261, #005543, #471F63, #301815)
Browse the whole catalog at Explore, or see today's palette.