Tempered Mustard Courtyard color palette — #FFE7BD · #DFB800 · #838200 · #495400 · #112600

Saffron and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#FFE7BD): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#DFB800): A luminous, vivid green — the color of fresh herbs.
• Olive Leaf (#838200): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#495400): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#112600): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Timeworn Grove color palette (#FFE3D3, #FCA23A, #AC7000, #664C00, #2C2500)
• Timeworn Lime Market color palette (#FFE87E, #B6C100, #6F9800, #186503, #002A12)
• Ancient Hollow color palette (#F6ECDF, #D7AB00, #9A9100, #617900, #003F13)
• Quiet Amber Delta color palette (#FAE5CD, #AF8B00, #635C00, #2A3F00, #001D03)
• Patina Parlor color palette (#E7FFC7, #A9E400, #6B9200, #384C00, #060E00)
• Lime Bloom color palette (#CFF29D, #5ED340, #008A43, #00563C, #002A21)
• Hushed Atelier color palette (#FFF4E0, #F8EE96, #AFC179, #6E875E, #474841)
• Feathered Orchid color palette (#FFF6D0, #C0CC28, #9D6AEF, #6A7200, #280050)

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