Tangerine Courtyard color palette — #FFF2EC · #E6D9D4 · #F0C1A0 · #E9834A · #380A02

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Bone (#E6D9D4): a clean, paper-quiet neutral.
• Wheat (#F0C1A0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Tangerine (#E9834A): A luminous, balanced orange — the color of sun-warmed clay.
• Onyx (#380A02): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Hushed Villa color palette (#FFF3E7, #E3DAD1, #FFC794, #D6A932, #392100)
• Wandering Blush Garden color palette (#FFF1F2, #E6D0CE, #FD7C9B, #B2A08B, #340720)
• Faded Veranda color palette (#FFF0EA, #FFAD76, #C7740C, #8A5300, #402800)
• Linen Villa color palette (#FFF0FB, #FFB1BB, #FF7768, #B55200, #3E2137)
• Apricot Alley color palette (#FFF2EB, #FFBABA, #FF8754, #A96400, #080100)
• Wandering Wisteria Bloom color palette (#FFF3E7, #F6AD61, #D584D3, #A86400, #3C163C)
• Mustard Grove color palette (#FFF2EE, #FFC6F9, #FFB5B4, #E9AC00, #51291A)
• Softworn Coral color palette (#FEEBFD, #FCABF2, #FF7874, #997300, #290F1E)

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