Tempered Courtyard color palette — #FFDBE9 · #FF2772 · #B70B01 · #5A2700 · #241300

Hot Pink takes the lead with Ruby close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FFDBE9): A whisper-light, dusty rose — the color of a warm blush.
• Hot Pink (#FF2772): A luminous, vivid red — the color of embers at dusk.
• Ruby (#B70B01): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#5A2700): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#241300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Rose Drift color palette (#F5DCE9, #EC326F, #B60218, #682F00, #402B00)
• Raspberry Veranda color palette (#FFE7F7, #EB008F, #B50044, #6E0B00, #2C0C00)
• Misty Hollow color palette (#FFE1E6, #FD3C17, #923F00, #553300, #201600)
• Hushed Summit color palette (#FFE3E5, #FF8688, #EF1406, #992300, #471600)
• Quiet Scarlet Ridge color palette (#FFE6E1, #EF3506, #007E9C, #8D1900, #001922)
• Washed Tangerine Atelier color palette (#FFD6C4, #FE7019, #8C4500, #481F00, #100300)
• Lime Pier color palette (#FFEDE8, #FFC079, #ACBA02, #9F4263, #371700)
• Soft Ember color palette (#FFE0F5, #00AFC6, #FB3917, #2B0200, #0C020A)

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