Tempered Courtyard color palette — #F3F4FF · #F1D1EA · #BB96C3 · #A16461 · #5F331F

Mocha and Mauve set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Thistle (#F1D1EA): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#BB96C3): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#A16461): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#5F331F): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. 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

• Wandering Meadow color palette (#EEF6FF, #C4D7FF, #9C9AD6, #905B74, #6E2F3B)
• Hushed Grove color palette (#E4E8FF, #A898DB, #976FA7, #82464A, #5C401D)
• Patina Coast color palette (#EFECFF, #D0B6E2, #A5777D, #7C453C, #352F2A)
• Worn Bronze Quarry color palette (#FFF1F3, #E6D6CE, #D9ABA5, #AD7944, #704B00)
• Softworn Studio color palette (#FEDFE9, #C5737E, #895248, #3C3000, #0E0E00)
• Driftwood Chapel color palette (#F8D8DC, #B26F66, #6D3B24, #222200, #020500)
• Weathered Chapel color palette (#C6E8FF, #94A9E7, #966E99, #405628, #083932)
• Worn Chestnut color palette (#FFF1F6, #FFAEB9, #BD847B, #735A00, #2E2F00)

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