Tempered Courtyard color palette — #FEF0FF · #92C2FF · #F374AF · #2F77C9 · #40182B

Bubblegum takes the lead with Azure close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#92C2FF): A luminous, balanced blue — the color of open sky before noon.
• Bubblegum (#F374AF): A luminous, vivid rose — the color of a warm blush.
• Azure (#2F77C9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#40182B): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Tempered 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

• Washed Wisteria Harbor color palette (#E3FDEF, #5BCFF7, #D481E1, #0083A4, #39183F)
• Dusty Peony Archive color palette (#FFF0FB, #8A9EFF, #DE5EBA, #008E9D, #2B1025)
• Misty Archive color palette (#FFF0FA, #CAD1FF, #FF99A1, #787FDA, #512D23)
• Misty Station color palette (#FCE6FD, #92C2FF, #E4A050, #5993DD, #4D2D00)
• Airy Indigo color palette (#FFF0F9, #B6B6FF, #00BFB0, #6D63D4, #002F2B)
• Tangerine Pier color palette (#FFF1F5, #DCA6F8, #FB7D2C, #9754B7, #431A01)
• Softworn Periwinkle color palette (#FFF0FC, #DDD2D9, #B9AFA7, #729AD0, #442D3E)
• Hushed Atelier color palette (#FFF0F7, #B4A2FF, #00AFB2, #781FF8, #002425)

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