Tempered Courtyard color palette — #F4F0F7 · #E5D4DA · #CBB8BB · #966379 · #2E2A31
A conversation between Mocha and Stone, giving this palette its sense of sophistication.
The five colors
- Ivory (#F4F0F7): bright and airy, almost weightless.
- Silver (#E5D4DA): A whisper-light, dusty rose — the color of strawberry cream.
- Stone (#CBB8BB): A luminous, dusty red — the color of embers at dusk.
- Mocha (#966379): A full-bodied, dusty rose — the color of pressed rose petals.
- Onyx (#2E2A31): a grounded near-black with real depth.
Feels like: Sophistication. Tagged scandi, muted, light.
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
- Pewter Villa color palette (#FCF3F2, #E1D9D1, #C7BFAE, #93647B, #504444)
- Hushed Parlor color palette (#FAE8FF, #D1A8C3, #9D7380, #456269, #1D3C4D)
- Hushed Veranda color palette (#F9EFF4, #E8D1CE, #ACC7B2, #A05329, #2D2128)
- Weathered Garnet Workshop color palette (#EAE1ED, #AC99AA, #936F85, #601531, #07020A)
- Ancient Lantern color palette (#F7F3FB, #E3D7DA, #B2B4A8, #BF8CA8, #413D45)
- Washed Orchard color palette (#F9EDFA, #E8C9DF, #C89DB1, #9D2A41, #241225)
- Pale Blush color palette (#FCECFD, #FFBDE3, #FA92A1, #B6754D, #301D2F)
- Antique Atelier color palette (#EEE0ED, #C63D49, #3F2936, #1B121B, #080509)
Browse the whole catalog at Explore, or see today's palette.