Hazy Courtyard color palette — #F2D8E6 · #8771FF · #009D57 · #008083 · #110732

Built around Amethyst, softened by Kelly Green — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F2D8E6): A whisper-light, dusty pink — the color of neon signs at night.
• Amethyst (#8771FF): A luminous, vivid violet — the color of a velvet chair.
• Kelly Green (#009D57): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#008083): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#110732): 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 Courtyard 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

• Worn Orchid Bloom color palette (#FAE9EE, #AB66E4, #00997F, #008396, #1A052A)
• Orchid Parlor color palette (#F8E1E8, #AF55F5, #00956A, #484ECE, #140421)
• Aged Olive Balcony color palette (#F5E4EE, #9698FF, #009D73, #438100, #0E0C2C)
• Weathered Pine color palette (#D5E7F6, #0094E1, #888900, #008D36, #001323)
• Gentle Pier color palette (#E8DCEE, #9F42C4, #8D5E00, #006566, #1B0724)
• Dusty Peony Lagoon color palette (#FFEBE9, #EF28A0, #009699, #187596, #250215)
• Blush Study color palette (#FFE6DF, #FF8D9A, #7097E8, #008CBD, #371117)
• Worn Hollow color palette (#FFE4F9, #FF49EB, #00B3A4, #0091AA, #3B0F36)

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