Gentle Courtyard color palette — #F1E0E1 · #FF3F2E · #AB4100 · #653100 · #462700

Scarlet takes the lead with Terracotta close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F1E0E1): a clean, paper-quiet neutral.
• Scarlet (#FF3F2E): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#AB4100): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#653100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#462700): 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 Gentle 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

• Ember Corridor color palette (#FFE2DC, #DA6000, #894C00, #5D3B00, #3F2E00)
• Soft Rose Workshop color palette (#FFEAF0, #FE2D71, #C00029, #7C1700, #4F2200)
• Frosted Blush Lantern color palette (#FFE0E8, #FF6E81, #CE4E00, #7A4800, #403200)
• Softworn Ember color palette (#FFD7ED, #D15D00, #007B9E, #7F3500, #003344)
• Sunlit Terracotta color palette (#FFF2EB, #F1C384, #A7A900, #A52A25, #503200)
• Grape Thicket color palette (#F9DDCB, #AB5700, #007561, #6400C5, #3B1A00)
• Chestnut Villa color palette (#FFE8E0, #964500, #482600, #1C1000, #030400)
• Frosted Market color palette (#FFE2CD, #C58900, #765B00, #4A4100, #063614)

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