Hazy Summit color palette — #FFF1F6 · #AF64FF · #937D00 · #006634 · #120422

A conversation between Amethyst and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Amethyst (#AF64FF): A luminous, vivid violet — the color of a velvet chair.
• Olive Leaf (#937D00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006634): A full-bodied, balanced teal — the color of sea glass.
• Ink (#120422): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Airy Delta color palette (#FFF1F4, #E559FF, #727500, #006353, #1A001F)
• Timeworn Veranda color palette (#F1F5FF, #7F9AFF, #A35900, #525B00, #050729)
• Gentle Magenta color palette (#FFF1F5, #DA08FA, #716100, #004A3B, #000512)
• Weathered Mallow Villa color palette (#FFD9E6, #CD9EFF, #7D8D00, #22803D, #2A0F40)
• Chalky Fuchsia color palette (#FFF1F2, #FF80E4, #758E06, #007774, #2D0D26)
• Patina Parlor color palette (#FFF1F1, #FD3BBD, #925E00, #004C2F, #001326)
• Patina Peony Boulevard color palette (#FFF1F1, #FD3CB7, #2D7A2B, #00595B, #170002)
• Dusty Peony Market color palette (#FFF2F0, #F4639D, #529D66, #006D76, #260C0A)

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