Tempered Courtyard color palette — #FFECF2 · #CC9EFF · #8C7577 · #5F5055 · #252023

Lavender takes the lead with Driftwood close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Lavender (#CC9EFF): A luminous, balanced violet — the color of twilight just after sunset.
• Driftwood (#8C7577): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal Brown (#5F5055): A full-bodied, dusty rose — the color of pressed rose petals.
• Onyx (#252023): a grounded near-black with real depth.

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

• Powder Lantern color palette (#FAEDFA, #87B9FF, #8B7382, #5A515A, #1C2321)
• Timeworn Blush color palette (#FFEDEB, #FF8BBF, #8D756E, #5F504F, #272020)
• Antique Grove color palette (#FFECF3, #AA89D8, #675251, #3F3539, #242024)
• Mallow Archive color palette (#FFF1F5, #F2C1FF, #E2A2D3, #AE8098, #624440)
• Softworn Basin color palette (#FADDDB, #F257AF, #7C574C, #493737, #140A0B)
• Patina Magenta color palette (#F4DDE0, #F73AFC, #89546C, #533A3E, #1B0C12)
• Aged Petal Grove color palette (#FFF1F2, #FFBDE8, #9BD8AC, #CB95B8, #4C4E47)
• Patina Mallow color palette (#FFF1F1, #FFA7D6, #C4C27B, #7AB9D3, #4F3D3D)

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