Amber Courtyard color palette — #EEF9EF · #FFE1AF · #92DDC9 · #BA934D · #234E53

Mustard takes the lead with Lagoon close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#EEF9EF): a clean, paper-quiet neutral.
• Peach Cream (#FFE1AF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Lagoon (#92DDC9): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#BA934D): A luminous, balanced gold — the color of honey in a jar.
• Charcoal (#234E53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged light, 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

• Tempered Taupe color palette (#EBF9F4, #D9F0B2, #97D7EE, #8DA460, #214B61)
• Muted Harbor color palette (#FCF1FA, #F2D7C3, #C0D4A3, #C9857D, #205045)
• Taupe Summit color palette (#FFF0F7, #EDDCBD, #DFBDEE, #C38B6A, #45425E)
• Washed Hollow color palette (#ECFAEC, #BEE5DD, #99B899, #936E7C, #334438)
• Worn Lagoon color palette (#EDF8F3, #C0E2CC, #63927F, #2F4E41, #141E1A)
• Tempered Stone color palette (#E3FDE9, #C4DBC8, #C8AF73, #7E6834, #0F341D)
• Washed Dune color palette (#FCF4E8, #C9AB76, #41AD98, #8F6C26, #44523C)
• Ancient Bronze Pier color palette (#F8F1E6, #CEAE77, #60A3D5, #916A17, #0E392F)

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