Ancient Courtyard color palette — #FFF1F4 · #E3D6D2 · #C8A5BD · #9EB0AD · #5C4243

Mauve takes the lead with Cocoa close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bone (#E3D6D2): a clean, paper-quiet neutral.
• Mauve (#C8A5BD): A luminous, dusty pink — the color of peonies in June.
• Ash (#9EB0AD): A luminous, dusty teal — the color of sea glass.
• Cocoa (#5C4243): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Washed Cocoa color palette (#FFF2EF, #F8FBBC, #E0DBCE, #B798BE, #6B2E12)
• Washed Indigo color palette (#F7F3FF, #EFD3DF, #E6B4B3, #7E6BAD, #52445C)
• Timeworn Driftwood Drift color palette (#FFEDED, #E3D3C8, #E6B1B6, #9F72A1, #402423)
• Muted Sand Lagoon color palette (#FFF2EB, #FDD5A7, #C3907E, #885F57, #34312B)
• Softworn Blush color palette (#FFF2EF, #FB8AA7, #40AFBF, #367E89, #331F1B)
• Worn Apricot color palette (#FCE1DD, #F99F61, #999B46, #5B256B, #030100)
• Washed Amber color palette (#FFE3E6, #FFBCBF, #DE8B00, #46418D, #0A0000)
• Timeworn Blush color palette (#FFF1F1, #DF7BB5, #1F82C0, #3E5584, #251924)

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