Amber Courtyard color palette — #F8EEDE · #B38600 · #735D00 · #494100 · #312F00
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F8EEDE): A whisper-light, dusty gold — the color of old brass.
- Mustard (#B38600): A luminous, balanced gold — the color of old brass.
- Olive (#735D00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#494100): A deep, shadowed, dusty green — the color of new leaves after rain.
- Espresso (#312F00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Tempered Amber color palette (#F4DAC7, #CD8600, #856F00, #505600, #1C3400)
- Amber Basin color palette (#FFDFD0, #D06800, #925000, #5C3700, #302D00)
- Weathered Moss Garden color palette (#E9EBD8, #849A00, #4C6300, #2C4C00, #003528)
- Powdered Harbor color palette (#ECDCBF, #9C7A00, #BE0073, #5B4600, #48102C)
- Aged Clover Drift color palette (#F6EECA, #BED8A4, #5DBC69, #6B6100, #34342D)
- Cocoa Chapel color palette (#E9E1C6, #707000, #006E5C, #813000, #212100)
- Quiet Olive color palette (#E3ECD2, #497400, #234E00, #002A05, #001706)
- Worn Emerald Quarry color palette (#F0F6D1, #88C194, #39A06C, #296F53, #47543D)
Browse the whole catalog at Explore, or see today's palette.