Hazy Courtyard color palette — #D9DEF9 · #FF9549 · #FF5EA5 · #49221D · #231C27

Bubblegum and Apricot set the tone — five colors that lean into optimism and warmth.

The five colors

• Frost (#D9DEF9): A whisper-light, dusty violet — the color of a velvet chair.
• Apricot (#FF9549): A luminous, balanced gold — the color of old brass.
• Bubblegum (#FF5EA5): A luminous, vivid rose — the color of a warm blush.
• Espresso (#49221D): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#231C27): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged neon, dark, vibrant, warm.

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

• Peony Ridge color palette (#F5F1D0, #FF9366, #FF57B8, #3D2335, #1E1723)
• Honey Cabin color palette (#E6DCF7, #FEB247, #FF8A87, #4D333A, #2D232C)
• Soft Chapel color palette (#D1E8FC, #FF8F87, #D868FF, #3C2540, #1C1A29)
• Faded Tangerine color palette (#D0F1D8, #D3B200, #FF6F37, #402327, #21151D)
• Hushed Wisteria color palette (#D6EDFF, #E4B400, #D18AFF, #442D34, #25191D)
• Garnet Thicket color palette (#F4EBF7, #CE895C, #7C053C, #40091E, #1A131D)
• Timeworn Garnet Basin color palette (#FAF2F9, #CF807F, #854F00, #980021, #251119)
• Crimson Study color palette (#E6E3FA, #D17900, #EB005D, #210600, #070308)

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