Weathered Courtyard color palette — #FFD6DC · #FE6A5C · #AD4D00 · #593700 · #211800

Built around Watermelon, softened by Terracotta — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FFD6DC): A whisper-light, dusty red — the color of late-summer berries.
• Watermelon (#FE6A5C): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#AD4D00): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#593700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#211800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Amber Bloom color palette (#FBE6E1, #E18034, #935D00, #4B3A00, #1A1A00)
• Blush Summit color palette (#FBE7F5, #FC66A8, #BF3A4C, #792300, #2C1200)
• Feathered Orchard color palette (#FFF0D2, #F84748, #8B5200, #004848, #350D01)
• Amber Terrace color palette (#FFF0FC, #FFBAC5, #DF6E00, #755200, #212B00)
• Pale Delta color palette (#FFEEE5, #FFB7CC, #FF906F, #AD7B00, #2C1300)
• Charred Rust Balcony color palette (#FBE0CE, #AD4800, #3C2300, #1C0B02, #080201)
• Wandering Coast color palette (#FFD8CF, #D7A57A, #8B813E, #385945, #09362E)
• Ancient Boulevard color palette (#F9EFEC, #E4D7C0, #CFBBAA, #A14E52, #30211C)

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