Tempered Courtyard color palette — #F1E2DD · #F17832 · #A85500 · #784200 · #463C00

Tangerine takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F1E2DD): a clean, paper-quiet neutral.
• Tangerine (#F17832): A luminous, vivid orange — the color of autumn markets.
• Ochre (#A85500): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#784200): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#463C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Tempered 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

• Tangerine Balcony color palette (#FEE9E2, #FFAA80, #F47F13, #BA6700, #583500)
• Ancient Rust Orchard color palette (#FDE4E3, #FE6E5F, #C83300, #813200, #4C3400)
• Faded Meadow color palette (#F4E3DB, #CF7104, #8C5200, #503200, #262700)
• Airy Station color palette (#FFF3E7, #D47A00, #009663, #874B00, #00472C)
• Softworn Amber Dune color palette (#EAE1CE, #B79900, #837700, #5A5700, #3B4200)
• Soft Boulevard color palette (#FFF3E4, #FFE4A2, #CCC469, #9D5E18, #523E0F)
• Ancient Bloom color palette (#FFE7CC, #B06F00, #3F8600, #A72555, #452900)
• Hushed Plum Study color palette (#FFD3E4, #E56493, #C11E56, #960030, #741E26)

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