Violet Harbor color palette — #E7F1E6 · #FF7635 · #8373F6 · #1A1044 · #0F1320

Amethyst and Tangerine set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#E7F1E6): a clean, paper-quiet neutral.
• Tangerine (#FF7635): A luminous, vivid orange — the color of autumn markets.
• Amethyst (#8373F6): A luminous, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#1A1044): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0F1320): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Balance. Tagged neon, dark, 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

• Linen Studio color palette (#DFF5DB, #FF8A63, #8D86EB, #57394B, #170A12)
• Airy Blush color palette (#DEE5D1, #FF679B, #2B93FD, #201D43, #071421)
• Aged Byzantium Atelier color palette (#D6F7E4, #F4560D, #A61BF6, #280020, #060516)
• Magenta Delta color palette (#CBE4E4, #E88B00, #D33CFF, #3B0B27, #131021)
• Feathered Canyon color palette (#59FFDB, #FFAF71, #DA7CF7, #4D3451, #2C2A37)
• Byzantium Cabin color palette (#D0F4F2, #B47200, #B900B7, #1D020B, #03000B)
• Pale Aubergine color palette (#EAEAF4, #9A74C1, #920046, #5C008F, #150619)
• Linen Clover color palette (#E4DFC1, #56C02F, #0072DA, #01142D, #020409)

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