Washed Amber Courtyard color palette — #FFF1F4 · #FFAB98 · #D17200 · #7C5800 · #343000

Built around Mustard, softened by Melon — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Melon (#FFAB98): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#D17200): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7C5800): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#343000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Washed 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

• Gentle Market color palette (#FFF0F8, #FFAEB5, #FF6348, #935700, #453500)
• Sunlit Boulevard color palette (#FFF2EF, #FFB072, #C29300, #626C00, #184613)
• Wandering Amber color palette (#FFF3E8, #EACC8C, #D87400, #914543, #282B00)
• Amber Corridor color palette (#F8DBD0, #CC7B00, #7D6300, #3B3900, #030C00)
• Tempered Apricot color palette (#F6D8DA, #FF8D51, #B76C00, #5E4700, #212400)
• Hushed Amber color palette (#FFF4E0, #FFD99F, #C89000, #6C4900, #1E0E00)
• Muted Bronze Basin color palette (#FCE8DA, #9D7700, #535200, #0D3300, #000702)
• Faded Ridge color palette (#FAF1FF, #FFABDD, #FF558F, #AC2900, #4E2800)

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