Tangerine Courtyard color palette — #F8E0DC · #EE6A2B · #A55900 · #704300 · #3A3F02

Coral Clay and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F8E0DC): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#EE6A2B): A luminous, vivid orange — the color of toasted spice.
• Ochre (#A55900): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#704300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3A3F02): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, 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

• Dusty Amber color palette (#FFDBCE, #D76B05, #824F00, #4F3500, #332900)
• Aged Drift color palette (#FBE3E4, #FC796B, #C63600, #783A00, #443800)
• Soft Drift color palette (#FFD3DC, #FE8A76, #D06900, #825C00, #474700)
• Washed Cocoa Courtyard color palette (#FFEBD8, #C2944A, #97580F, #7B2E00, #413408)
• Amber Drift color palette (#FFD6B1, #D79000, #856700, #605400, #1D491E)
• Worn Bronze Study color palette (#F8E6D6, #A36E00, #5E4700, #332E00, #042008)
• Bronze Study color palette (#FFF3E5, #F3E494, #9DC17B, #A76139, #514218)
• Pale Apricot Terrace color palette (#FFF3E7, #E38B24, #0078B0, #854D00, #003F5F)

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