Tempered Courtyard color palette — #F4ECFF · #C157B6 · #AF0066 · #7B0028 · #3B0A00

Built around Magenta Rose, softened by Hot Pink — the whole palette hums with creativity and warmth.

The five colors

• Blush (#F4ECFF): A whisper-light, dusty violet — the color of a velvet chair.
• Hot Pink (#C157B6): A luminous, vivid pink — the color of neon signs at night.
• Magenta Rose (#AF0066): A full-bodied, vivid rose — the color of strawberry cream.
• Oxblood (#7B0028): A deep, shadowed, balanced red — the color of late-summer berries.
• Espresso (#3B0A00): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Frosted Plum color palette (#F2EDFF, #CE5CCA, #AC0078, #5E000E, #210700)
• Plum Field color palette (#DEDBFE, #A368DC, #A4238E, #78003C, #450005)
• Misty Parlor color palette (#EEDDEF, #E45CC7, #D7008D, #9F004C, #3A000D)
• Aged Brick Coast color palette (#F4DEF1, #D84B84, #B20025, #5F2C00, #311B00)
• Plum Grove color palette (#FADCDF, #E3707A, #B91E44, #610026, #1C0005)
• Soft Rose Basin color palette (#F0E3F2, #DC4A6B, #008A64, #9B003A, #002115)
• Faded Grape Alley color palette (#EBE2F5, #FDB394, #C1A238, #7F489A, #441313)
• Hushed Grape Coast color palette (#D6E7FF, #7F7BF0, #7A29BF, #6C0066, #460023)

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