Misty Courtyard color palette — #FFDFE3 · #FF4648 · #AA4600 · #553200 · #170D00

Scarlet and Terracotta set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#FFDFE3): A whisper-light, dusty red — the color of a theater curtain.
• Scarlet (#FF4648): A luminous, vivid orange — the color of autumn markets.
• Terracotta (#AA4600): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#553200): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#170D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Tangerine Alley color palette (#FFEBE9, #F86B00, #884F00, #4C3400, #0A0800)
• Washed Market color palette (#F7D3E2, #FF2771, #C0001E, #5E2600, #1C0D00)
• Coral Quarry color palette (#FEE7ED, #F8626F, #CA4400, #774B00, #221D00)
• Wandering Amber Thicket color palette (#FFE6F2, #E06C00, #0084B6, #7A3800, #000910)
• Sunlit Amber Parlor color palette (#FFD9ED, #D0881E, #924819, #5E0E15, #000502)
• Hazy Apricot Station color palette (#FFEAE2, #FD962F, #9F7200, #5C4D00, #222800)
• Powdered Canyon color palette (#EDDEF0, #F039BD, #BF006E, #5D0016, #1C0200)
• Wandering Apricot Orchard color palette (#FFF1F1, #FFC1AF, #DF8E51, #866026, #1C4430)

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