Hazy Coast color palette — #F3F4FF · #CFAEFF · #81A400 · #8300D9 · #192200

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CFAEFF): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#81A400): A luminous, vivid green — the color of a quiet forest floor.
• Violet (#8300D9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Onyx (#192200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Patina Byzantium Dune color palette (#FCDAE6, #D6B9FF, #92B903, #9536E8, #273300)
• Worn Byzantium Lagoon color palette (#F6F3FF, #FC94FB, #5FAC00, #A000A3, #102500)
• Hazy Lapis color palette (#F0F5FF, #9DABFF, #C29406, #4E3DFD, #281C00)
• Orchid Lagoon color palette (#FFD9E5, #B03AFF, #697900, #6E00A8, #2A3200)
• Airy Delta color palette (#F8F2FF, #DD8CBD, #00AB87, #AD0082, #001E16)
• Sunlit Meadow color palette (#DEE0FA, #B16AFF, #557F00, #580092, #0E1A00)
• Raspberry Villa color palette (#F9F2FF, #FFA8D5, #52CF51, #D90096, #043A06)
• Washed Corridor color palette (#FAF1FF, #FB9FC1, #0AC2AB, #CA2278, #003029)

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