Tempered Courtyard color palette — #EDF7FF · #B9BED0 · #9A90A0 · #5A7685 · #4C5063

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

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Ash (#B9BED0): A luminous, dusty violet — the color of wild irises.
• Heather (#9A90A0): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#5A7685): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4C5063): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged vintage, retro, 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

• Softworn Denim color palette (#F4F4FF, #BDACC1, #738675, #5F6683, #4B516F)
• Antique Cypress Atelier color palette (#FBF2F5, #DADEEE, #8C97BF, #377B7C, #4E506B)
• Muted Drift color palette (#FFF0FC, #ECD4CB, #E3BAA8, #8EA290, #48554A)
• Timeworn Olive color palette (#FFECEF, #DEBFBD, #AC9187, #6C722B, #35422C)
• Ancient Study color palette (#F4F4FF, #D8A3C4, #B46E83, #8C514B, #654858)
• Tempered Taupe color palette (#E1E5FF, #C38F9D, #91704D, #3D5674, #3B375D)
• Taupe Quarry color palette (#FEF0FF, #C58388, #46989B, #3B7994, #4D3B4E)
• Washed Pewter Lantern color palette (#FAF2FC, #DD9BA7, #4CAAA6, #A35868, #2C545D)

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