Amber Courtyard color palette — #F3E8DA · #CD8C00 · #626633 · #543500 · #130C07

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

The five colors

• Parchment (#F3E8DA): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#CD8C00): A luminous, balanced gold — the color of honey in a jar.
• Olive (#626633): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#543500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#130C07): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Moss Summit color palette (#ECE6D2, #A4A000, #496C49, #3E3C35, #120C05)
• Hushed Bronze color palette (#DCF0DE, #A77600, #4C3F0C, #142717, #130B0D)
• Coral Parlor color palette (#F1E0D9, #F86354, #85551C, #632807, #150A08)
• Mint Boulevard color palette (#F3F3E4, #9CC676, #6A8647, #5B5702, #24211B)
• Wandering Studio color palette (#FAF0CC, #706F00, #003E0D, #171D15, #080800)
• Clover Orchard color palette (#E4ECD0, #00C068, #1C7671, #41433C, #131207)
• Muted Emerald color palette (#E4EDD8, #00A475, #006064, #253600, #050500)
• Pale Moss color palette (#F9ECDE, #DBB335, #ABA200, #648411, #20441F)

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