Byzantium Harbor color palette — #DFE9CD · #30CE89 · #B807E9 · #007D4F · #450D58

Orchid and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DFE9CD): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#30CE89): A luminous, vivid teal — the color of glacier melt.
• Orchid (#B807E9): A full-bodied, vivid pink — the color of neon signs at night.
• Teal (#007D4F): A full-bodied, balanced teal — the color of sea glass.
• Royal Purple (#450D58): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Energy. 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

• Dusty Harbor color palette (#EBE6C5, #A7BD2A, #C200D6, #637200, #4C0055)
• Byzantium Thicket color palette (#C8F1CC, #26B04E, #9F00A1, #005F22, #4E034F)
• Magenta Studio color palette (#D5FFFA, #2EE651, #EA3DD3, #00781F, #390032)
• Quiet Peony Meadow color palette (#E0EAC7, #2FCF74, #F90C82, #006D36, #57042A)
• Wandering Peony Chapel color palette (#E9FCE3, #33DBC8, #EB3789, #008A7D, #621D3A)
• Powdered Raspberry Thicket color palette (#CCE6CF, #00ADB4, #DE4579, #007276, #4C0B23)
• Misty Indigo color palette (#E6E9BA, #B5B72A, #4C6FEC, #6D6E00, #15246B)
• Mallow Delta color palette (#F1F8EC, #94D4BB, #D49AD1, #509D82, #634348)

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