Tempered Courtyard color palette — #FBF3F1 · #E2DBD0 · #A5BAB6 · #EC5577 · #41302C

Scarlet and Espresso set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Bone (#E2DBD0): bright and airy, almost weightless.
• Ash (#A5BAB6): A luminous, dusty teal — the color of sea glass.
• Scarlet (#EC5577): A luminous, vivid red — the color of late-summer berries.
• Espresso (#41302C): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Softworn Ember color palette (#FBF3EF, #DDDAD1, #94B3B2, #CA6B58, #4E1E00)
• Tempered Rust color palette (#FDF3EF, #E1DACF, #C9C2A9, #BF494E, #271B16)
• Antique Veranda color palette (#FCF2F4, #E4D8D3, #B6B2A5, #C661D7, #442E32)
• Muted Meadow color palette (#F9F3FA, #EDD3D8, #CCB4C0, #9A505D, #473B49)
• Aged Balcony color palette (#ECE9E3, #BDBBAF, #939575, #463C00, #020100)
• Wandering Marigold color palette (#FFF2EC, #E9DAD8, #C2BCA4, #E99900, #3E1000)
• Antique Amber Chapel color palette (#FFF4E2, #FFA0A5, #C76A00, #006660, #48140B)
• Sunlit Jade Workshop color palette (#F6F6E7, #B5E7C1, #20AA86, #9A4D71, #03391A)

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