Petal Courtyard color palette — #FFDCD1 · #FFC1EE · #B8C8FF · #5D4D59 · #342C32

Thistle takes the lead with Lilac Frost close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Shell Pink (#FFDCD1): A whisper-light, dusty orange — the color of autumn markets.
• Thistle (#FFC1EE): A whisper-light, balanced pink — the color of neon signs at night.
• Lilac Frost (#B8C8FF): A whisper-light, dusty violet — the color of a velvet chair.
• Charcoal Brown (#5D4D59): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#342C32): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Timeworn Straw color palette (#EBEB92, #FFCED3, #ACDAFF, #506476, #31373C)
• Muted Glacier color palette (#AFFBB3, #C9D6FF, #42E1FD, #47554C, #2E3731)
• Worn Courtyard color palette (#F6F3FF, #D8BDF6, #B18DC0, #8F658F, #603252)
• Muted Honey Atelier color palette (#DEE7CD, #FFBB6B, #FF9BB9, #59403C, #312624)
• Pale Mallow Lantern color palette (#C2E6EF, #FF9ADD, #ABA9FF, #512F44, #2A1B24)
• Aged Abyss Boulevard color palette (#D8F3FF, #D9D8CD, #91ADB1, #365446, #1A211D)
• Hushed Periwinkle color palette (#FCF1FB, #80A9FC, #BD89A6, #4D877B, #453843)
• Oat Delta color palette (#EBF9F4, #AEDFB9, #58897A, #37544B, #222E2A)

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