Tempered Courtyard color palette — #FFD7FC · #D19ABA · #A36372 · #73470B · #3B2A00

A conversation between Bronze and Mocha, giving this palette its sense of optimism and creativity.

The five colors

• Thistle (#FFD7FC): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#D19ABA): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#A36372): A full-bodied, balanced red — the color of late-summer berries.
• Bronze (#73470B): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3B2A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged vintage, retro, muted, warm.

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

• Weathered Driftwood color palette (#E4DBFF, #ABA9CC, #9E6995, #7F4538, #452000)
• Bronze Bloom color palette (#FFD6DE, #C8A5C5, #B06A4F, #544F00, #283600)
• Spruce Courtyard color palette (#ECDBEE, #B196AB, #866979, #2D5947, #1D3006)
• Timeworn Cypress Lagoon color palette (#FDE9FC, #D1B4C8, #947784, #3D675A, #103D37)
• Dusty Chapel color palette (#FEE4FF, #A2625B, #734933, #303400, #0C1800)
• Gentle Harbor color palette (#FFE9E1, #C49067, #8C6000, #1A4F06, #002A19)
• Mulberry Orchard color palette (#F7EEFF, #DB6DA8, #A67B00, #A2006D, #2C1E00)
• Ancient Olive color palette (#EEF6FF, #DDD9FF, #CA96BD, #578649, #004A4D)

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