Washed Courtyard color palette — #F9EEF6 · #A3B1E1 · #BF9264 · #5B6CB3 · #35302B

A conversation between Slate and Camel, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#F9EEF6): bright and airy, almost weightless.
• Mauve (#A3B1E1): A luminous, dusty violet — the color of wild irises.
• Camel (#BF9264): A luminous, balanced gold — the color of old brass.
• Slate (#5B6CB3): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#35302B): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Weathered Violet Basin color palette (#FBEEF3, #BBA9D8, #88A777, #815AB5, #31322B)
• Antique Amber Cabin color palette (#FEF0FD, #90B1E6, #C08F3A, #5273A9, #514C46)
• Petrol Veranda color palette (#E8F6EC, #81BFC9, #CF8774, #00808F, #362F2C)
• Ancient Cabin color palette (#FFECF5, #9B94CC, #B7804F, #A9661E, #361F2B)
• Softworn Lagoon color palette (#FAEDFA, #E8D3D2, #AFAC9A, #4A8F97, #473640)
• Apricot Summit color palette (#F2F5FF, #C2BCF7, #F0986B, #8B82C4, #614254)
• Pewter Thicket color palette (#F8EFF3, #C5C6A2, #625989, #322A50, #1C0F16)
• Weathered Bronze color palette (#FDEFE6, #CBB8A0, #AE7348, #764A4F, #332B18)

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