Tempered Courtyard color palette — #C9F5FF · #82D5FF · #8DB4E1 · #8784A9 · #55486B

Built around Sky, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Frost (#C9F5FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#82D5FF): A whisper-light, balanced blue — the color of deep harbor water.
• Sky (#8DB4E1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#8784A9): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#55486B): A full-bodied, dusty violet — the color of a velvet chair.

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

• Patina Market color palette (#C2F9E5, #70E3D9, #7EBAC2, #7D8FAF, #404868)
• Aged Periwinkle color palette (#D5EEFF, #ADD0FF, #99A6DE, #AE7E9F, #673247)
• Washed Forest Field color palette (#EDF7FF, #B3CEFF, #A6A8DC, #9483A4, #135D46)
• Aqua Coast color palette (#BFF5E2, #7ACEEA, #7A92BF, #8F6C46, #5C421A)
• Timeworn Powder color palette (#E6FAF9, #D3DBF9, #7DBBFF, #399CC6, #263F69)
• Periwinkle Ridge color palette (#D8EAFA, #7AA2F4, #7E81C1, #82586E, #441925)
• Cocoa Bloom color palette (#DAFDFF, #A9E1FF, #C4A1BE, #976667, #622F0E)
• Washed Mallow Quarry color palette (#DBDDF7, #C5B2FF, #B88DCD, #9C696A, #00484C)

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