Soft Amber Courtyard color palette — #FFF3E3 · #C88E00 · #577800 · #004B3B · #00161C

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

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#C88E00): A luminous, balanced gold — the color of old brass.
• Olive (#577800): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004B3B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00161C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Gentle Villa color palette (#FDF4E2, #A99100, #007834, #004145, #180800)
• Powdered Villa color palette (#FFF3E8, #E17C00, #746E00, #004D23, #290011)
• Olive Summit color palette (#F6F4DC, #6A8700, #005B47, #002A34, #030100)
• Muted Delta color palette (#F6F7E4, #89B667, #008A78, #00526A, #281700)
• Worn Mustard Lantern color palette (#FFE6C7, #E7A700, #A47F00, #685500, #252000)
• Stone Garden color palette (#FFF5D5, #C5C57D, #899F6C, #007572, #00333A)
• Wandering Coral color palette (#FFF2ED, #FF5753, #935E00, #3C4400, #230026)
• Aged Bronze Thicket color palette (#FFEAD7, #B86600, #3D2500, #0F1A18, #0F0500)

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