Amber Courtyard color palette — #F8F1E4 · #B09224 · #43947D · #7D4F57 · #292212

Mustard takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F1E4): a clean, paper-quiet neutral.
• Mustard (#B09224): A luminous, balanced green — the color of fresh herbs.
• Fern (#43947D): A luminous, balanced teal — the color of shallow lagoons.
• Coffee (#7D4F57): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#292212): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Amber Coast color palette (#FFEEE4, #CC7D62, #7C8A57, #7A505B, #2D1F17)
• Tempered Summit color palette (#F2F4E1, #70A55F, #3F8EA5, #7C5438, #232413)
• Antique Pier color palette (#F7F1E6, #A1820C, #1A765C, #663A3D, #23180D)
• Worn Amber Hollow color palette (#EDF9EE, #AC8A4B, #5186A3, #5E5981, #324235)
• Dusty Taupe Harbor color palette (#F7F2E0, #9DB676, #58855F, #355C47, #2D2D1B)
• Hushed Chapel color palette (#F5F2EA, #CFC679, #599264, #7A733A, #15170A)
• Aged Coast color palette (#F4F2EA, #D3D9D0, #A4AFAB, #93823A, #38362E)
• Wandering Olive color palette (#EBEBD2, #4C8700, #007183, #6A3200, #121101)

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