Tempered Plum Courtyard color palette — #FFF1F2 · #A4378E · #005765 · #002050 · #020006

Magenta Rose and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Magenta Rose (#A4378E): A full-bodied, vivid pink — the color of neon signs at night.
• Peacock (#005765): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002050): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Tempered Plum 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 Plum Loft color palette (#FFF2EF, #B40059, #004B75, #230065, #030003)
• Amethyst Hollow color palette (#FFF0F7, #7247D4, #005540, #002C33, #000105)
• Smoked Garnet color palette (#F1D9F0, #8A0027, #0F4000, #001A2C, #050001)
• Peony Summit color palette (#FFF1F1, #F132AE, #006B8B, #100DB8, #06000C)
• Midnight Aubergine color palette (#DEE0F5, #5A0095, #00352E, #001B24, #01021C)
• Midnight Chestnut Quarry color palette (#FFE3CC, #904B00, #25312E, #1D0F00, #030100)
• Soft Ember color palette (#FFF2EB, #D36324, #504DB3, #520E5C, #0C0002)
• Ember Orchard color palette (#FBE8DD, #DC5100, #657F00, #005C7C, #18000C)

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