Tempered Courtyard color palette — #FFF0D2 · #E86300 · #7B5C00 · #004654 · #2D1500

Pumpkin and Olive set the tone — five colors that lean into trust and stability.

The five colors

• Custard (#FFF0D2): A whisper-light, dusty gold — the color of honey in a jar.
• Pumpkin (#E86300): A luminous, vivid orange — the color of sun-warmed clay.
• Olive (#7B5C00): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#004654): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#2D1500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

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

• Misty Amber Drift color palette (#D6F1DB, #C07700, #615F00, #003D5B, #061D0C)
• Aged Delta color palette (#FFF0D2, #FF3264, #954A00, #004942, #370906)
• Patina Ember Corridor color palette (#FFF4E1, #D96152, #785C00, #143D93, #542707)
• Amber Study color palette (#FFECF5, #C86300, #006E30, #003B65, #310022)
• Softworn Apricot color palette (#FFF3E2, #F28A00, #A07500, #006D3C, #4D2D00)
• Tempered Marigold Hollow color palette (#FFE1CF, #C3A14F, #717D34, #3B5A71, #22304E)
• Deep Bronze color palette (#F3D7E0, #975B00, #342800, #1D0811, #070205)
• Softworn Bronze Atelier color palette (#FFF6D1, #FFA19F, #9B8500, #1F5998, #431A00)

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