Amber Courtyard color palette — #F9EBC9 · #A68C00 · #675D00 · #3C3D00 · #092D10
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F9EBC9): A whisper-light, dusty gold — the color of old brass.
- Mustard (#A68C00): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#675D00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#3C3D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Deep Forest (#092D10): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Amber Terrace color palette (#FFE9D4, #BC8E00, #857B00, #435300, #153606)
- Moss Veranda color palette (#DDEFB9, #80A32D, #435B00, #212F00, #121900)
- Ancient Amber color palette (#FFE2D0, #BE7000, #7C4D00, #563800, #3A2800)
- Jade Summit color palette (#F3EECE, #B6D8A5, #5CB37B, #676800, #383830)
- Faded Lagoon color palette (#E8DDC5, #947E00, #C10063, #564800, #4E0626)
- Quiet Lantern color palette (#E1E2C7, #3F7D00, #006C71, #6C4200, #212100)
- Feathered Emerald Workshop color palette (#DBE6D8, #00AB41, #007240, #004D32, #003336)
- Soft Olive Workshop color palette (#EBE4B9, #91AF62, #498800, #2D6323, #484942)
Browse the whole catalog at Explore, or see today's palette.