Tempered Courtyard color palette — #FBECFC · #DCC5CE · #89A09B · #6F6579 · #4F3F51
Charcoal takes the lead with Graphite close behind in a set that reads as sophistication at first glance.
The five colors
- Blush (#FBECFC): A whisper-light, dusty pink — the color of neon signs at night.
- Oat (#DCC5CE): A whisper-light, dusty rose — the color of pressed rose petals.
- Blue Fog (#89A09B): A luminous, dusty teal — the color of glacier melt.
- Graphite (#6F6579): A full-bodied, dusty violet — the color of a velvet chair.
- Charcoal (#4F3F51): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Tempered Pier color palette (#E9FAEF, #B5D1C9, #7A9594, #63738F, #594E60)
- Muted Cypress color palette (#F6EFF6, #D0D3EA, #72A5B9, #507656, #27374A)
- Softworn Basalt Grove color palette (#EEE4D8, #8CA075, #3B707B, #592A31, #271329)
- Softworn Cerulean Garden color palette (#E8F5F0, #A2CDCC, #5A8C98, #675C71, #203535)
- Washed Cocoa color palette (#FFF2EB, #DFCCC1, #B2AA97, #A37C82, #7A3E1E)
- Weathered Mulberry color palette (#FFD6B9, #C5A181, #5B8D7F, #7A4063, #481F00)
- Washed Teal Harbor color palette (#EAF3E2, #0EACA3, #4572A1, #6A3100, #351500)
- Aged Hollow color palette (#DFF8F3, #85A876, #B377A0, #986588, #152C28)
Browse the whole catalog at Explore, or see today's palette.