Tempered Blush Courtyard color palette — #FFF1F5 · #FFD3FB · #DA95AF · #A7686B · #554E49

Mauve and Mocha set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Thistle (#FFD3FB): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#DA95AF): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#A7686B): A full-bodied, balanced red — the color of embers at dusk.
• Charcoal Brown (#554E49): a grounded near-black with real depth.

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

Use it as a design system

One click turns Tempered Blush 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

• Washed Pier color palette (#FEF0FF, #E4D4F1, #B89CDC, #976D91, #674742)
• Antique Coral Garden color palette (#EDE8FF, #F0C0DD, #E19AB8, #CE7587, #604560)
• Washed Quarry color palette (#FFF1F2, #EED4CE, #E59C95, #9D6C4D, #754804)
• Timeworn Peony color palette (#FFE3E7, #D69EC3, #BC648D, #874A56, #4A2F26)
• Taupe Loft color palette (#FFF1F1, #FBD1D0, #88DDD9, #C582A2, #334E32)
• Timeworn Rust Villa color palette (#FFD7F0, #F27A9F, #C6403D, #6E3200, #2E1B00)
• Worn Ember Loft color palette (#FFF0F8, #FFAAB4, #D2694D, #7C4A00, #382600)
• Patina Corridor color palette (#FFF1F0, #E1DACF, #D2ADBA, #9EBCB5, #7D3F25)

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