Frosted Courtyard color palette — #FFDBE3 · #DD888D · #B4584E · #864328 · #5F3921

Brick and Watermelon set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFDBE3): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#DD888D): A luminous, balanced red — the color of late-summer berries.
• Brick (#B4584E): A full-bodied, balanced orange — the color of autumn markets.
• Burnt Sienna (#864328): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5F3921): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Frosted Bronze color palette (#FFDCD4, #E49671, #B16923, #724B00, #52400F)
• Dusty Plum Parlor color palette (#FBD4F9, #D38AB2, #A75879, #84394C, #663835)
• Faded Garden color palette (#F0E4FF, #F2A5B7, #D97170, #AD561B, #5D4319)
• Coral Market color palette (#FFE6EC, #FFB7BA, #FF8378, #BC6A4E, #623E4F)
• Frosted Terracotta color palette (#FFF2EC, #D98671, #1F99B4, #994C39, #244C37)
• Washed Cocoa color palette (#FFF2EA, #E0DCC5, #C8BF85, #99696A, #754408)
• Ember Lantern color palette (#FFE8E6, #ED4600, #914500, #643600, #442D00)
• Chestnut Summit color palette (#FCF5E3, #AEA884, #7A7441, #6C4A00, #414000)

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