Muted Shell Courtyard color palette — #FFF2EF · #FFA6B6 · #C4AB72 · #9A758B · #3E2D29

A conversation between Ballet Pink and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#FFA6B6): A luminous, balanced red — the color of late-summer berries.
• Camel (#C4AB72): A luminous, balanced gold — the color of honey in a jar.
• Heather (#9A758B): A luminous, dusty pink — the color of peonies in June.
• Espresso (#3E2D29): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Muted Shell 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 Apricot color palette (#FFF3E9, #FFAD78, #93BC87, #9F757B, #36302C)
• Mallow Canyon color palette (#FFF1F3, #F4A3EB, #D8A17A, #6585A5, #3D2C2F)
• Hushed Coral Terrace color palette (#FFF2ED, #EE9388, #A09852, #79678E, #342524)
• Patina Shell color palette (#FFF2F0, #F2ABC0, #9AC2A3, #68A5B1, #4D3733)
• Weathered Stone color palette (#FFF2ED, #E3D9C7, #D9A579, #9A7140, #583F00)
• Softworn Canyon color palette (#FCF3EB, #FCBD82, #9B9F60, #43785B, #4E2F28)
• Cypress Market color palette (#F7EEFA, #B98393, #638F6D, #006B75, #2A1D2F)
• Muted Coral Boulevard color palette (#FFF2ED, #FF7373, #A09A0C, #724CA7, #2E1208)

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