Tempered Courtyard color palette — #FFF0F8 · #FFBDD4 · #E18491 · #AA5C57 · #57354C

Rose takes the lead with Brick close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Carnation (#FFBDD4): A whisper-light, balanced rose — the color of strawberry cream.
• Rose (#E18491): A luminous, balanced red — the color of late-summer berries.
• Brick (#AA5C57): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#57354C): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Misty Basin color palette (#F4F4FF, #FDC4FF, #D682B8, #984C6E, #5A2F3A)
• Weathered Ember color palette (#E8E3FF, #FBB4D8, #EA8798, #CB694C, #633E1D)
• Timeworn Dune color palette (#FFEFFF, #FFD2CC, #D68158, #9A5B2D, #503411)
• Pale Crimson Canyon color palette (#FFD1D9, #D387B4, #C44C5D, #7E3024, #3B2209)
• Frosted Rose Archive color palette (#FFF0FE, #FFC2C3, #4DD1D0, #CE646A, #03404C)
• Softworn Apricot color palette (#FFF0FE, #EFD8C7, #E49F80, #A87655, #385135)
• Muted Coral Field color palette (#FFF0FA, #EDD8C6, #D98A77, #844238, #3B0902)
• Timeworn Ridge color palette (#FFF0FC, #E7D6D7, #9FB2BE, #B197BC, #563F4F)

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