Amber Courtyard color palette — #F2DFD4 · #AB8B00 · #5E7800 · #005740 · #000B0D

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

The five colors

• Parchment (#F2DFD4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#AB8B00): A luminous, balanced green — the color of fresh herbs.
• Olive (#5E7800): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#005740): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#000B0D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Weathered Amber color palette (#F8DCDA, #D17700, #837300, #395600, #00110A)
• Aged Thicket color palette (#EFE5CB, #839E00, #008460, #005856, #000A12)
• Weathered Aubergine Ridge color palette (#F9E4F4, #B07F00, #007C4A, #74007E, #0C0C00)
• Chalky Moss Study color palette (#E7E2C3, #869500, #365E00, #002912, #000201)
• Smoked Olive Station color palette (#CCF2E7, #517900, #003C31, #0B181B, #040900)
• Hushed Nightshade Study color palette (#DAEBEC, #009771, #007657, #4000B5, #080800)
• Dusty Bronze Ridge color palette (#E4F1E8, #A3B3B6, #7E9EB2, #847100, #05180E)
• Feathered Field color palette (#F4E1DA, #AF934B, #518A67, #932538, #380604)

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