Weathered Courtyard color palette — #F5F3FF · #FFD2DC · #E388BC · #A06376 · #5A445A

Bubblegum and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Shell Pink (#FFD2DC): A whisper-light, dusty red — the color of embers at dusk.
• Bubblegum (#E388BC): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#A06376): A full-bodied, balanced rose — the color of pressed rose petals.
• Charcoal Brown (#5A445A): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

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

• Muted Quarry color palette (#F9F2FF, #F3D5CB, #FC9799, #B27262, #593E4E)
• Worn Driftwood Coast color palette (#FFF1F2, #D5A1C2, #B16F92, #89556B, #6D4944)
• Hushed Lilac color palette (#F0F5FF, #E1D5E7, #BE9EEF, #9676A8, #4D4764)
• Blush Summit color palette (#FDF0FF, #E8DBD7, #F095A2, #975563, #38223A)
• Blush Orchard color palette (#FAF2FF, #F9D2CE, #85E0C6, #CA809E, #1E4E53)
• Dusty Balcony color palette (#FFF1F6, #C6F4E8, #D0A580, #906F82, #344439)
• Stone Coast color palette (#FCF1FF, #E9D5D9, #C5BADD, #AFBBB2, #5A4D5A)
• Wandering Ember color palette (#FFEEF1, #FFA1A6, #EA4B29, #933709, #472504)

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