Misty Courtyard color palette — #F5DBDD · #FF5663 · #DC2227 · #992C10 · #380F00

A conversation between Crimson and Watermelon, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F5DBDD): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#FF5663): A luminous, vivid orange — the color of sun-warmed clay.
• Crimson (#DC2227): A full-bodied, vivid orange — the color of autumn markets.
• Burnt Sienna (#992C10): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#380F00): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Energy. Tagged vibrant, warm.

Use it as a design system

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

• Powdered Basin color palette (#FFE9F0, #FF4689, #E50E58, #A01F36, #470307)
• Rose Orchard color palette (#EFDEE5, #FE2C64, #B92600, #6D2C00, #371C00)
• Weathered Cabin color palette (#EDDBD7, #F65F17, #C85500, #864100, #2C1500)
• Hushed Tangerine color palette (#FAE6DA, #FE6430, #50A700, #BF3F0F, #0A2100)
• Feathered Grove color palette (#FFE6F4, #B23F60, #840012, #401700, #140A00)
• Ember Meadow color palette (#F3DFD5, #E06000, #868A00, #B34394, #230800)
• Powdered Amber color palette (#FFECDE, #E1C679, #B3B560, #C56B50, #331900)
• Ancient Field color palette (#FFE8DE, #FF9148, #D37300, #A36400, #4B2F00)

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