Washed Courtyard color palette — #F9F2FF · #FFE2A5 · #A15E7C · #42304E · #120D15

Built around Mocha, softened by Peach Cream — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Peach Cream (#FFE2A5): A whisper-light, balanced gold — the color of honey in a jar.
• Mocha (#A15E7C): A full-bodied, balanced rose — the color of pressed rose petals.
• Navy (#42304E): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#120D15): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Driftwood Quarry color palette (#FBF2F9, #CDE1CF, #AB7671, #533E51, #21181F)
• Softworn Courtyard color palette (#F8F2FF, #D2DD9F, #B881A3, #7C556D, #251E2C)
• Onyx Garden color palette (#FBEEEE, #AEB98C, #71445F, #421131, #180607)
• Powdered Rust color palette (#FFF0F8, #FFD26F, #AB4900, #4F1D00, #11020B)
• Weathered Amber color palette (#FAF2FC, #F6D4C9, #C6943B, #C26B7F, #0A160B)
• Blush Coast color palette (#FBF1FF, #FF85B0, #6DB07E, #367E8A, #2B1F31)
• Worn Amber color palette (#E7FBEB, #FFB7A6, #B68847, #1B7077, #402A36)
• Obsidian Bronze color palette (#FDE0F4, #9A7300, #370800, #1A0A05, #040000)

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