Tempered Courtyard color palette — #FCF1F9 · #CBE6D2 · #7A83AD · #563D4F · #22171F

A conversation between Slate Blue and Charcoal, giving this palette its sense of sophistication.

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Celadon Mist (#CBE6D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#7A83AD): A luminous, dusty violet — the color of wild irises.
• Charcoal (#563D4F): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#22171F): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged luxury, dark, 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

• Patina Cerulean Thicket color palette (#ECF9F4, #D7D7CB, #628BA8, #2C4E43, #121E1A)
• Weathered Pewter Hollow color palette (#FFF1F2, #DEEDBC, #94648A, #522B30, #180B0D)
• Softworn Orchard color palette (#F8EFF4, #EAB3B6, #5B5C8B, #422738, #191116)
• Timeworn Drift color palette (#F1F5FF, #EED4F0, #959ACC, #656992, #282B34)
• Stone Canyon color palette (#FAF3F7, #E0DBE5, #DD9A94, #8F95CB, #271B16)
• Washed Powder color palette (#FFF1F8, #C1BBF5, #B9AF83, #8D8256, #3C2C35)
• Pewter Alley color palette (#FFF1F5, #BEDC9F, #76518E, #3E1A27, #0A0104)
• Ancient Taupe color palette (#F8F6E4, #E2D5FF, #CA8EA2, #388078, #50373D)

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