Tempered Courtyard color palette — #F2DDE2 · #EC6164 · #AF3505 · #623100 · #2D1B00

Built around Watermelon, softened by Burnt Sienna — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F2DDE2): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#EC6164): A luminous, vivid orange — the color of autumn markets.
• Burnt Sienna (#AF3505): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#623100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#2D1B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Tempered Rust color palette (#EADBE1, #D77079, #AA4725, #713A00, #4D3800)
• Softworn Terrace color palette (#F4D8D1, #E0711A, #885600, #584000, #222300)
• Wandering Peony color palette (#F6E7F6, #E863A7, #A73153, #6C2321, #380F00)
• Chalky Quarry color palette (#FFF1F1, #FFB2A7, #D95E37, #8A401F, #4A2104)
• Brick Station color palette (#F5DBDD, #CD0715, #6B3100, #361C00, #0F0800)
• Ember Loft color palette (#FEDEF2, #E26734, #0087B2, #903200, #00202D)
• Frosted Coast color palette (#FFEEE0, #EF893E, #9A5100, #4C2600, #150700)
• Timeworn Orchard color palette (#F5D6EA, #C18B5D, #8D533F, #5B2F34, #051E0C)

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