Tempered Courtyard color palette — #FFF0FA · #A5A8F3 · #8A81C0 · #695F88 · #614650

Lavender takes the lead with Slate Blue close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender (#A5A8F3): A luminous, balanced violet — the color of wild irises.
• Slate Blue (#8A81C0): A luminous, balanced violet — the color of a velvet chair.
• Slate (#695F88): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#614650): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Creativity, Sophistication. Tagged 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

• Worn Lilac color palette (#EFF6FF, #BDC9FF, #A497D9, #816B9C, #504B68)
• Wandering Lilac color palette (#FEF1F7, #B4A3E8, #59A7AA, #75699B, #3F5341)
• Powder Thicket color palette (#CAFEEE, #87C3FF, #5883BE, #4D5F88, #60475B)
• Patina Cabin color palette (#FFEAED, #E1A0D7, #A96C96, #80556C, #564F4A)
• Lilac Veranda color palette (#FFF1F5, #AD80D7, #B7747B, #4D7C9E, #4E3D43)
• Aged Oat color palette (#FFF1F4, #E3D7D2, #E5BCA6, #A48591, #604B4F)
• Fuchsia Study color palette (#F8E4FE, #D276D3, #A74599, #722E5E, #573045)
• Dusty Magenta color palette (#F1E7FB, #BF54E1, #9426A5, #5F185A, #431739)

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