Tangerine Courtyard color palette — #FFF2EB · #FF764D · #84971C · #885E96 · #301B17

Salmon takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Salmon (#FF764D): A luminous, vivid orange — the color of autumn markets.
• Olive Leaf (#84971C): A luminous, balanced green — the color of new leaves after rain.
• Slate (#885E96): A full-bodied, balanced pink — the color of neon signs at night.
• Onyx (#301B17): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Timeworn Blush color palette (#FFF2EE, #FF6A7F, #AB8900, #7D66B0, #2D1214)
• Marigold Atelier color palette (#FFF3E6, #F19701, #53A956, #A35B84, #2D1608)
• Tempered Harbor color palette (#FFECD0, #CB9100, #19AE79, #AD1C5B, #290E00)
• Washed Amber color palette (#FEECDF, #D46D00, #5D8914, #7A1768, #150001)
• Misty Chapel color palette (#FDECCE, #ECAE1F, #A69A28, #348471, #33302A)
• Amber Chapel color palette (#FFF3E8, #BF6F00, #007987, #005968, #301218)
• Muted Atelier color palette (#F8F5EA, #B1C36D, #55B5B0, #B38074, #39352F)
• Amber Boulevard color palette (#F6E7CC, #BA9700, #755F10, #3F3C35, #120C05)

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