Tempered Courtyard color palette — #FCF2F4 · #F2C6B1 · #956BA1 · #64424B · #33282A

Built around Slate, softened by Wheat — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FCF2F4): bright and airy, almost weightless.
• Wheat (#F2C6B1): A whisper-light, dusty orange — the color of toasted spice.
• Slate (#956BA1): A full-bodied, balanced pink — the color of neon signs at night.
• Cocoa (#64424B): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#33282A): quiet, heavy and certain.

Feels like: Creativity, 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

• Aged Cerulean Meadow color palette (#FBF2FA, #C7D8B0, #657EA8, #5D435C, #302830)
• Dusty Rust Coast color palette (#FFF2ED, #ECB88B, #A85651, #48403D, #2A1F1A)
• Coral Field color palette (#FBF3F3, #F0C0E0, #DD7A7D, #B2769F, #382A26)
• Patina Dune color palette (#F4F4FE, #C6E8CD, #AA94BB, #6B6A82, #2A2A34)
• Dusty Corridor color palette (#FFF3E7, #EFA8AF, #C27E6F, #757138, #4E4643)
• Weathered Coral color palette (#FFF2F0, #F9B8C5, #D87D82, #9F5B50, #713725)
• Gentle Basin color palette (#FFF1F1, #FF9E72, #AA2E84, #5A2347, #2C1113)
• Mulberry Chapel color palette (#F2D7D4, #DF8D61, #8B2B5C, #4D062E, #180505)

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