Hazy Courtyard color palette — #FFE1D5 · #F65EAE · #D72C4A · #7A4300 · #2F0800

A conversation between Crimson and Bubblegum, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFE1D5): A whisper-light, dusty orange — the color of toasted spice.
• Bubblegum (#F65EAE): A luminous, vivid rose — the color of strawberry cream.
• Crimson (#D72C4A): A full-bodied, vivid red — the color of late-summer berries.
• Bronze (#7A4300): A full-bodied, balanced gold — the color of old brass.
• Ink (#2F0800): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Rust Station color palette (#FCDCCB, #EC6A95, #D54C00, #6F5100, #210B00)
• Gentle Terrace color palette (#F8D6D1, #D15EE0, #D62D7C, #903900, #310007)
• Rose Parlor color palette (#F8D9C7, #F53D6E, #AC4000, #574100, #130500)
• Soft Thicket color palette (#F7E3DF, #C380FA, #E4006F, #6B5F00, #110000)
• Frosted Rose Atelier color palette (#EED6F2, #CC99F9, #FD4D79, #8F7200, #300001)
• Soft Boulevard color palette (#FAD5D8, #B188FF, #C73FAE, #A20037, #2D001F)
• Tangerine Grove color palette (#FFF3E8, #FF99A3, #EC6A00, #746600, #361F00)
• Gentle Ember color palette (#F0E3D2, #D95C18, #845600, #414500, #040200)

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