Amber Courtyard color palette — #FCECD7 · #D98C66 · #9C6C31 · #316327 · #352F2A

A conversation between Camel and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#FCECD7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D98C66): A luminous, balanced orange — the color of toasted spice.
• Ochre (#9C6C31): A full-bodied, balanced gold — the color of honey in a jar.
• Pine (#316327): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#352F2A): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged retro, 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

• Weathered Field color palette (#FFF3E2, #DAA571, #A08235, #3B7054, #413C36)
• Apricot Canyon color palette (#E8FBE9, #FF9865, #AF6D00, #21610C, #331725)
• Worn Blush Study color palette (#FFEADA, #E27CA1, #A95F5F, #675308, #48251E)
• Sunlit Amber Study color palette (#F5E4B0, #BF9000, #767300, #005A4E, #322800)
• Softworn Hollow color palette (#FFEEE5, #DB7356, #8C6D00, #5D3C85, #4E0E2E)
• Timeworn Bronze color palette (#F9EEDA, #966700, #564B00, #003427, #110A00)
• Wandering Basin color palette (#FBEDD5, #BB697C, #834B00, #004079, #362F2B)
• Muted Lagoon color palette (#F5DDCC, #C65F03, #5C3600, #2E1D10, #150A05)

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