Tangerine Courtyard color palette — #FDECD0 · #FE6F49 · #8E7500 · #2E5689 · #352F2A

A conversation between Tangerine and Walnut, giving this palette its sense of nature and growth.

The five colors

• Cream (#FDECD0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Tangerine (#FE6F49): A luminous, vivid orange — the color of autumn markets.
• Walnut (#8E7500): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#2E5689): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#352F2A): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Misty Amber color palette (#FFEBD2, #DC8E20, #658331, #514D87, #33302A)
• Ancient Blush Terrace color palette (#F9EED2, #EF729A, #A46730, #085E7A, #362E2C)
• Bronze Villa color palette (#E7FBEB, #F2A075, #9C7900, #005B6D, #341A00)
• Antique Rust color palette (#FCECD2, #C2666C, #6D5800, #223D73, #352F2B)
• Powdered Ember color palette (#FFEEE4, #EB6827, #00856A, #284E8D, #152856)
• Indigo Station color palette (#DFF6E0, #EEA1B0, #B79141, #5C6CC2, #43243B)
• Misty Rust Loft color palette (#EFE5D5, #CB5900, #605B00, #14307A, #221200)
• Marigold Garden color palette (#FFF3E8, #FFC9D0, #FB9D34, #7D9E38, #34302A)

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