Soft Courtyard color palette — #F7D3DC · #D47FFC · #689600 · #733090 · #1E2F00

A conversation between Pink Orchid and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F7D3DC): A whisper-light, dusty red — the color of embers at dusk.
• Pink Orchid (#D47FFC): A luminous, vivid violet — the color of a velvet chair.
• Olive Leaf (#689600): A luminous, vivid green — the color of fresh herbs.
• Plum (#733090): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#1E2F00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.

Use it as a design system

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

• Dusty Garden color palette (#FFE8EB, #F38BF9, #3E9B51, #935897, #12401C)
• Peony Archive color palette (#FFD1D0, #FF69C4, #009E6A, #901B68, #00321F)
• Tempered Aubergine color palette (#FBD1DE, #A774CB, #257F21, #58007E, #043303)
• Washed Lapis Corridor color palette (#F7D1E8, #8A86FF, #9E8400, #584EC2, #322800)
• Timeworn Byzantium color palette (#DBDBF8, #DBABFF, #51BD50, #9E00E1, #033305)
• Aged Boulevard color palette (#FDE8E9, #D92CBD, #008A5F, #891677, #002114)
• Airy Orchard color palette (#F4F4FF, #C194E3, #00A3BB, #8C18C5, #001C22)
• Magenta Veranda color palette (#FFE8EC, #C145D8, #9E7100, #00787E, #35111C)

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