Hazy Courtyard color palette — #DBDCEF · #C39BE8 · #F27A3C · #A64FE6 · #471900

A conversation between Amethyst and Tangerine, giving this palette its sense of optimism and creativity.

The five colors

• Silver (#DBDCEF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#C39BE8): A luminous, balanced violet — the color of a velvet chair.
• Tangerine (#F27A3C): A luminous, vivid orange — the color of autumn markets.
• Amethyst (#A64FE6): A luminous, vivid violet — the color of wild irises.
• Espresso (#471900): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, 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

• Magenta Drift color palette (#EEECFE, #D8ABE9, #ED9A5D, #C160E2, #542800)
• Worn Peony color palette (#E3D9F1, #E38FC6, #D39300, #D920AD, #392400)
• Timeworn Blush Lagoon color palette (#DEE1FF, #B086EA, #E95F81, #0091CB, #251639)
• Linen Lilac color palette (#ECEBFF, #E8C8E7, #FFA9AB, #AD83EF, #312A4A)
• Sunlit Peony Meadow color palette (#DDE5FF, #FF8D44, #FF64C5, #61304D, #1A1022)
• Ancient Orchid color palette (#F3E2E8, #9D53DF, #AF4500, #5B2687, #240800)
• Soft Field color palette (#F6D8FF, #E0A5F4, #BC68D6, #9526AE, #2A0034)
• Chalky Grape Lantern color palette (#DADCF6, #BC92EF, #6B9600, #7300BA, #1F2F00)

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