Hazy Violet color palette — #BFEACF · #00BEE0 · #8E71E0 · #786500 · #002642

Amethyst and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Mint (#BFEACF): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00BEE0): A luminous, balanced blue — the color of open sky before noon.
• Amethyst (#8E71E0): A luminous, vivid violet — the color of wild irises.
• Olive (#786500): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002642): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

Use it as a design system

One click turns Hazy Violet 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

• Aqua Corridor color palette (#D1FAE7, #37CBFC, #A582DB, #777935, #1D3249)
• Softworn Iris Courtyard color palette (#FDD0DF, #00C0D5, #807BD5, #8F5704, #00273C)
• Peony Delta color palette (#BFE9DC, #61AFFF, #B466B5, #567121, #1E1F43)
• Sunlit Byzantium Alley color palette (#DDE4CC, #00A3E7, #9B4EC0, #4E5D00, #051239)
• Gentle Market color palette (#F3DAB3, #0799EF, #6359B6, #6F3600, #102343)
• Muted Powder color palette (#C0E9EB, #96B7F2, #B084BA, #69835A, #263E15)
• Quiet Lantern color palette (#C2F3D0, #91ADFF, #F343B6, #007841, #301952)
• Feathered Corridor color palette (#C8E6F9, #24BDF0, #BF5600, #706200, #251F00)

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