Tempered Courtyard color palette — #E0FFE3 · #FFA770 · #B47700 · #006C1B · #3E1F00

A conversation between Olive and Mustard, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E0FFE3): A whisper-light, dusty green — the color of fresh herbs.
• Cantaloupe (#FFA770): A luminous, balanced gold — the color of honey in a jar.
• Mustard (#B47700): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#006C1B): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#3E1F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Tempered Ember color palette (#E2FFE0, #FFA298, #D35F00, #516000, #45170C)
• Mustard Loft color palette (#E1FEEA, #F1B32E, #948800, #006855, #332600)
• Tempered Ridge color palette (#E3FDE8, #DF8B36, #886400, #004D2A, #1D0F00)
• Aged Ember Orchard color palette (#FFF3E4, #DF5F00, #875200, #1B5307, #4E2B12)
• Dusty Amber color palette (#D7F7E3, #AC8300, #5A5800, #00332C, #050400)
• Hushed Cobalt Terrace color palette (#E0FEE8, #FFA3A9, #DD9419, #1873CB, #53271B)
• Antique Orchard color palette (#FFF1F7, #DB7100, #503515, #250E00, #050003)
• Hushed Hollow color palette (#F9F9C7, #A7B500, #398700, #00505A, #131C00)

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