Byzantium Harbor color palette — #F3F4FF · #9048D6 · #00665C · #004151 · #1B2346

Violet and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Violet (#9048D6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Pine (#00665C): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004151): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#1B2346): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged jewel, vibrant, cool.

Use it as a design system

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

• Timeworn Plum color palette (#F8F3FE, #A25383, #006583, #304379, #262436)
• Soft Veranda color palette (#F1F0FF, #A723BE, #00613B, #002E8D, #0C0623)
• Hazy Sapphire color palette (#EFF6FF, #0067D4, #246400, #00483E, #002A3E)
• Muted Ridge color palette (#EBF8F8, #5C9E77, #007095, #434E7C, #302E3E)
• Olive Hollow color palette (#E3FBF6, #2E8B00, #006072, #003E77, #1F203E)
• Weathered Lantern color palette (#FBEFFF, #9C004F, #00456C, #27007B, #260128)
• Rose Grove color palette (#FFF2EF, #FF3768, #008284, #006567, #311829)
• Bronze Alley color palette (#E9FBE8, #9B6600, #006330, #00403C, #03243B)

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