Muted Courtyard color palette — #FFF0FE · #E8DAD7 · #AFB0A0 · #FE7C44 · #460F10

Tangerine and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Bone (#E8DAD7): bright and airy, almost weightless.
• Ash (#AFB0A0): A luminous, dusty green — the color of a quiet forest floor.
• Tangerine (#FE7C44): A luminous, vivid orange — the color of sun-warmed clay.
• Espresso (#460F10): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged candy, vibrant, light, muted.

Use it as a design system

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

• Washed Drift color palette (#FBF1FF, #E9D7D8, #F9BCB1, #FF6D6A, #41121D)
• Ancient Honey Veranda color palette (#FFF0F9, #E6DAD5, #FFB573, #A8B3AC, #522C17)
• Gentle Amber color palette (#FFF2EE, #FFAF91, #E16E22, #864300, #452600)
• Marigold Archive color palette (#FEF0FF, #F2CFFF, #FFBCC6, #EBA331, #412438)
• Amber Lagoon color palette (#FFF1F6, #E4DCD3, #FFBA7F, #BE8F00, #2B1600)
• Hushed Mallow Lagoon color palette (#FFEDE9, #ECA3FF, #EB778D, #A97400, #2E0900)
• Blush Delta color palette (#FFF2EE, #FF9EC8, #EE6E86, #AF5947, #352E2B)
• Misty Bronze color palette (#FFF1F7, #F2AD7E, #5BBE80, #B25B00, #003117)

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