Hazy Courtyard color palette — #F8E4F3 · #DF5EA0 · #BB0059 · #6B0108 · #160400

Built around Magenta Rose, softened by Hot Pink — the whole palette hums with warmth and comfort.

The five colors

• Blush (#F8E4F3): A whisper-light, dusty pink — the color of neon signs at night.
• Hot Pink (#DF5EA0): A luminous, vivid rose — the color of pressed rose petals.
• Magenta Rose (#BB0059): A full-bodied, vivid red — the color of a theater curtain.
• Oxblood (#6B0108): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#160400): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Energy, Balance. Tagged 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

• Sunlit Brick color palette (#FEE2ED, #EB5C84, #B50413, #601F00, #1A0B00)
• Airy Plum Station color palette (#ECDFF6, #D069CE, #B91480, #600025, #2B0002)
• Rose Harbor color palette (#FFE8E2, #E85B72, #008B90, #920032, #000A0A)
• Raspberry Market color palette (#EFDEEB, #CB3589, #91003E, #620204, #3C1700)
• Raspberry Atelier color palette (#F4E2E8, #E56B92, #E00C60, #9B002D, #440006)
• Gentle Drift color palette (#FFEDE9, #FC7A66, #AC252B, #460005, #040000)
• Hazy Meadow color palette (#F7E4EB, #EE3B61, #9A0E00, #401700, #020100)
• Byzantium Thicket color palette (#E1E1F5, #A576F0, #972CAD, #570043, #190008)

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