Amber Courtyard color palette — #EAF5EC · #AB8736 · #007595 · #584479 · #1E141D

A conversation between Mustard and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Mustard (#AB8736): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007595): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#584479): A full-bodied, balanced violet — the color of wild irises.
• Ink (#1E141D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Softworn Cypress Alley color palette (#FAEEF4, #B57B5D, #007C7B, #324F81, #1D1523)
• Muted Thicket color palette (#E9F5EF, #A1A153, #028286, #4B4378, #361C36)
• Wandering Denim color palette (#EAF4F2, #759456, #4A60A5, #6E3B5D, #23161B)
• Bronze Hollow color palette (#FBF5E6, #8C821F, #226B8C, #384C72, #402E2E)
• Patina Amber color palette (#FBF4E9, #C49633, #4798AD, #675D89, #41312C)
• Washed Pine color palette (#E7F7EA, #B4AD76, #558750, #465075, #1C312A)
• Aubergine Dune color palette (#E0F9EC, #757100, #00557D, #52006B, #190500)
• Timeworn Field color palette (#E1F2EC, #788C47, #24423F, #13221D, #090E0B)

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