Tempered Courtyard color palette — #F6DFD9 · #ED4B76 · #713F03 · #392926 · #1F1517

Built around Hot Pink, softened by Bronze — the whole palette hums with optimism and energy.

The five colors

• Shell Pink (#F6DFD9): A whisper-light, dusty orange — the color of toasted spice.
• Hot Pink (#ED4B76): A luminous, vivid red — the color of a theater curtain.
• Bronze (#713F03): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#392926): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#1F1517): quiet, heavy and certain.

Feels like: Optimism, Energy, Balance. Tagged noir, dark, luxury, 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

• Peony Loft color palette (#F9DCDE, #CB63B4, #77391F, #382A2A, #1E1619)
• Ember Delta color palette (#F5E0D3, #EA5B19, #654700, #4B2000, #1E1615)
• Wandering Blush color palette (#F4E0DA, #F08593, #9D5C40, #5D423B, #1F1614)
• Linen Scarlet color palette (#FEDCD6, #DD1900, #4C3200, #2F1102, #110303)
• Plum Coast color palette (#EFDEF0, #B4465B, #3D2C3A, #261A28, #13090E)
• Misty Workshop color palette (#FFF2EC, #EC836A, #5C9BE5, #6189B9, #3D3633)
• Worn Bronze color palette (#EDE5D8, #A17900, #444200, #292012, #130B06)
• Mulberry Market color palette (#FADCD1, #9D0027, #364035, #261300, #080100)

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