Tempered Courtyard color palette — #FDEEFF · #FFCEE6 · #FF968E · #8A60BC · #532943

Amethyst and Melon set the tone — five colors that lean into creativity and warmth.

The five colors

• Blush (#FDEEFF): A whisper-light, dusty pink — the color of peonies in June.
• Shell Pink (#FFCEE6): A whisper-light, dusty rose — the color of strawberry cream.
• Melon (#FF968E): A luminous, balanced orange — the color of sun-warmed clay.
• Amethyst (#8A60BC): A full-bodied, balanced violet — the color of twilight just after sunset.
• Mulberry (#532943): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Hushed Apricot Field color palette (#FFEEF4, #FFC5C1, #FF984E, #A65B9B, #5E2533)
• Coral Coast color palette (#F4F4FF, #FFC2D7, #F7795A, #554EA5, #51274C)
• Indigo Lantern color palette (#F2F0FF, #F5CCFF, #FF99CC, #5271CD, #483060)
• Airy Orchid Workshop color palette (#FFF1F3, #E8D7D8, #E3BC96, #AC56C3, #440B35)
• Gentle Iris color palette (#FFF1F4, #F7D2CA, #EBBC88, #9291FF, #511E46)
• Quiet Studio color palette (#EED6E8, #FFA159, #C6A12C, #9E4A62, #3A1A2D)
• Sand Harbor color palette (#FFF0F9, #E9D4D1, #DFD39D, #A284A3, #5A424D)
• Feathered Delta color palette (#ECE3F4, #F17383, #C16946, #683973, #24010B)

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