Tempered Courtyard color palette — #FBF4ED · #C5E7EB · #9DBEFA · #50A7B0 · #5C3C4F

A conversation between Sky and Cyan, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Frost (#C5E7EB): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#9DBEFA): A luminous, balanced violet — the color of a velvet chair.
• Cyan (#50A7B0): A luminous, balanced blue — the color of deep harbor water.
• Cocoa (#5C3C4F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Weathered Aqua color palette (#FBF3F0, #C3ECE1, #4CCFF4, #67A889, #285145)
• Periwinkle Balcony color palette (#EFF7F7, #D5DBF6, #6AA9ED, #3E84A2, #39495E)
• Airy Moss color palette (#F7F7E3, #B6D998, #C1AFFF, #7FAF50, #443B61)
• Cerulean Canyon color palette (#EDF4EE, #C4E0F9, #6B8FC2, #006A7E, #1F2C44)
• Cobalt Alley color palette (#F2E2D7, #58ADCC, #0079C5, #005E59, #02002E)
• Sky Archive color palette (#FFF2EC, #89ECF5, #00BCEC, #009C74, #00355B)
• Azure Thicket color palette (#F9EDE8, #86CDDA, #009FD5, #007F68, #001F41)
• Frosted Lime color palette (#FAF6DE, #B4CA5E, #B8A4FF, #D787B7, #393831)

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