Airy Byzantium color palette — #D5E2F7 · #00AFE4 · #5680FF · #8F28D4 · #0B0033

Violet takes the lead with Periwinkle close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D5E2F7): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#00AFE4): A luminous, balanced blue — the color of deep harbor water.
• Periwinkle (#5680FF): A luminous, vivid violet — the color of a velvet chair.
• Violet (#8F28D4): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#0B0033): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Energy. Tagged candy, vibrant, light.

Use it as a design system

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

• Washed Grape Station color palette (#D7E7F8, #00BBD3, #0092E4, #7028D8, #00052F)
• Byzantium Garden color palette (#E5ECFF, #54A8FF, #7F6DFF, #A800A8, #0E0028)
• Aged Magenta Pier color palette (#FBE4FB, #00C9EC, #6E9AFF, #C141CD, #100036)
• Misty Quarry color palette (#DCE1FA, #608EFF, #8F2CFF, #950073, #040007)
• Hushed Corridor color palette (#FFEDFC, #7ABFFF, #6792FF, #7252DC, #00000B)
• Orchid Alley color palette (#E5E2FF, #8191FF, #C040FE, #B90064, #160014)
• Pale Sapphire Ridge color palette (#D5E8FF, #00A5B2, #2E54F0, #830E6E, #0F002C)
• Ultramarine Boulevard color palette (#E5F1E7, #69A9DA, #005FD1, #004857, #09083F)

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