Mustard Courtyard color palette — #FFF3E7 · #DAB900 · #B06C00 · #7D3324 · #131C00

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Saffron (#DAB900): A luminous, vivid green — the color of new leaves after rain.
• Ochre (#B06C00): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#7D3324): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#131C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Washed Bronze Meadow color palette (#FFF2EA, #DBA866, #AC5E3D, #702C3B, #191100)
• Linen Lime Grove color palette (#FFF4DB, #9BCE4E, #907E00, #6F4100, #001F0E)
• Timeworn Dune color palette (#FFF4DA, #B6E08A, #A09437, #835317, #232C0C)
• Amber Chapel color palette (#F9D8AF, #E1AF4D, #C78500, #A25E00, #342700)
• Softworn Chestnut color palette (#EADECF, #AC8740, #7C5100, #512C00, #181100)
• Dusty Summit color palette (#FFF3E3, #D6E3C0, #C4AA85, #A56A40, #424200)
• Moss Meadow color palette (#F2EAD7, #848E00, #624900, #381600, #000200)
• Quiet Brick Corridor color palette (#E1FEE7, #0093A9, #C80C07, #750402, #0B0600)

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