Tangerine Courtyard color palette — #FFF0F9 · #E67D57 · #819B45 · #397F56 · #3F2C38

Coral Clay takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Coral Clay (#E67D57): A luminous, balanced orange — the color of autumn markets.
• Moss (#819B45): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#397F56): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#3F2C38): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Tempered Bronze color palette (#E5FCEA, #D8A76A, #9E841F, #1C7455, #2F4331)
• Wandering Emerald color palette (#EAFAEE, #C1A149, #49953F, #006C6B, #552B14)
• Wandering Mustard Boulevard color palette (#EEF8F1, #C3A956, #4CB096, #3F8790, #304236)
• Powdered Amber Courtyard color palette (#FFF1F6, #ECBC81, #BC8C25, #7C6500, #463D00)
• Weathered Market color palette (#FEF0FE, #C85861, #00808B, #105E66, #3C2D3C)
• Tempered Blush color palette (#FCF1FF, #F092AB, #59ABC2, #327D92, #2C1F30)
• Hazy Moss color palette (#CFEDDC, #978700, #008A7F, #006376, #242000)
• Tempered Amber Orchard color palette (#FAF3F7, #F7B19B, #C17F24, #BC6449, #2F1F24)

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