Plum Courtyard color palette — #FFF1F0 · #AF276F · #345C00 · #1F2C8C · #3C1917

Magenta Rose and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Magenta Rose (#AF276F): A full-bodied, vivid rose — the color of a warm blush.
• Deep Olive (#345C00): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#1F2C8C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Espresso (#3C1917): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Aged Brick color palette (#FFF2ED, #C12030, #396E15, #37067F, #36170B)
• Softworn Mulberry color palette (#FDE6E3, #971A57, #064909, #250A69, #230504)
• Soft Plum color palette (#FFF2F0, #B42971, #6A4700, #004551, #361211)
• Plum Study color palette (#FDEBFF, #C90046, #006427, #003F54, #120320)
• Plum Pier color palette (#FFF2EF, #BB005C, #005A62, #77003D, #3D1B16)
• Tempered Thicket color palette (#FFF4DD, #D9568F, #845400, #004681, #562422)
• Chalky Peony Alley color palette (#FFF1F2, #D13BB1, #32720E, #350389, #2F2265)
• Fern Meadow color palette (#FBF4EA, #9D7000, #4D6A00, #3E347A, #312411)

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