Tangerine Courtyard color palette — #EFD7EF · #DEB600 · #FF7C4B · #501700 · #2E1D28

A conversation between Salmon and Saffron, giving this palette its sense of nature and growth.

The five colors

• Thistle (#EFD7EF): A whisper-light, dusty pink — the color of neon signs at night.
• Saffron (#DEB600): A luminous, vivid green — the color of fresh herbs.
• Salmon (#FF7C4B): A luminous, vivid orange — the color of toasted spice.
• Espresso (#501700): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2E1D28): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, 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

• Faded Sunflower color palette (#ECDAE4, #D9CA00, #FFA471, #714933, #291C13)
• Washed Blush color palette (#DEE2EF, #FEA243, #FF6EA8, #490D28, #251B2A)
• Aged Lime Lagoon color palette (#EEDEE4, #93C91B, #EB8400, #372A00, #2A1A21)
• Aged Amber Garden color palette (#FFF0F8, #D29342, #772E00, #431700, #281220)
• Aged Study color palette (#F2D6D8, #91DC6A, #DEA800, #073F38, #1F2721)
• Amber Loft color palette (#FFF1F6, #D79047, #756400, #7C4700, #231D00)
• Timeworn Coral color palette (#DAECEA, #A0D5FF, #E87A7D, #622C2E, #2B1913)
• Soft Coral color palette (#DEEFFA, #00C6D5, #FF6666, #420C0E, #150B14)

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