Byzantium Harbor color palette — #F4F4FF · #A53AF0 · #3C6800 · #004C3B · #003138

Built around Amethyst, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Amethyst (#A53AF0): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#3C6800): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Forest (#003138): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Worn Magenta Coast color palette (#F6F3FF, #C423CB, #4F6300, #004857, #112C44)
• Pale Byzantium Station color palette (#E0DEF9, #9919C4, #2D5200, #003631, #001E25)
• Peony Veranda color palette (#F9F2FF, #C95D97, #19754A, #005161, #163450)
• Sunlit Station color palette (#EFF6FF, #3570FE, #834900, #004E23, #00332D)
• Weathered Peony color palette (#FFEDEE, #C24DAF, #A12825, #4C3300, #1D0145)
• Plum Market color palette (#F6DEFF, #C80064, #005947, #00345E, #19183F)
• Olive Basin color palette (#FFF1F6, #B2A637, #3F7A22, #504A73, #1F4332)
• Antique Harbor color palette (#F0E2FC, #9C0069, #004134, #002525, #030D1A)

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