Tempered Courtyard color palette — #BFE9F1 · #78BECC · #748EA8 · #796080 · #523F4D

Cyan and Graphite set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#BFE9F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#78BECC): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#748EA8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Graphite (#796080): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#523F4D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Powder Field color palette (#E1F0F8, #A0BCE5, #868DB0, #795D6B, #324A37)
• Chestnut Hollow color palette (#D7F6E1, #91B3BD, #5F7890, #734E34, #563A47)
• Timeworn Pier color palette (#D3EFEE, #5DA3BC, #4F6C96, #543B55, #45210B)
• Patina Pewter color palette (#DCFFEA, #ADD8C8, #A88FA9, #7E5D87, #553537)
• Washed Periwinkle color palette (#C5E5F2, #7CB3F8, #8275BD, #935233, #4E3700)
• Softworn Mint color palette (#E7FAF8, #75C7AA, #3C9088, #426C69, #183C3E)
• Turquoise Terrace color palette (#CAF6F7, #00BCD7, #0091B5, #00638F, #173C5B)
• Patina Azure Atelier color palette (#EFF8F0, #9FDFFA, #4D9DD4, #057B81, #253B5A)

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