Byzantium Harbor color palette — #F0F4E1 · #7BC686 · #00A0D8 · #9944B5 · #4E1700

A conversation between Orchid and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Cream (#F0F4E1): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#7BC686): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#00A0D8): A luminous, balanced blue — the color of deep harbor water.
• Orchid (#9944B5): A full-bodied, vivid pink — the color of neon signs at night.
• Espresso (#4E1700): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Linen Plum color palette (#EDF5E5, #6DC6A3, #5F95DA, #AE3E87, #3E2600)
• Indigo Bloom color palette (#F6F2E0, #ADBC51, #00A6B5, #7959BC, #51100F)
• Frosted Violet Corridor color palette (#DCEEDB, #00C1BC, #836EFF, #C10035, #252600)
• Dusty Driftwood Hollow color palette (#DDE4C2, #B4CDAA, #8EAD98, #A4769C, #5F2F3C)
• Linen Magenta Basin color palette (#D3E7DF, #10AEF2, #BA56BA, #914E00, #00270D)
• Aubergine Corridor color palette (#D9ECDF, #008094, #6436A6, #6B0012, #020200)
• Scarlet Boulevard color palette (#E4FCEF, #2DC9F9, #B971F2, #D91600, #313400)
• Mulberry Courtyard color palette (#F6F2E0, #969C4E, #00837C, #930050, #2C2E00)

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