Amber Courtyard color palette — #FFEFEE · #F3B199 · #C48449 · #825E00 · #443900

Mustard and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFEFEE): bright and airy, almost weightless.
• Melon (#F3B199): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#C48449): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#825E00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#443900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Fern Meadow color palette (#FFEBDC, #E5BD8D, #A78F39, #656C17, #254C00)
• Worn Dune color palette (#FFF4E2, #EA9A81, #A0804E, #00707D, #423C37)
• Terracotta Workshop color palette (#FFEFFB, #EBAAC2, #C7717A, #9A4A3A, #662D00)
• Bronze Meadow color palette (#FFE8F5, #D59498, #A56432, #5D4F00, #314000)
• Apricot Ridge color palette (#FFEFF5, #FFC3BC, #F49143, #99841C, #2D4B00)
• Amber Ridge color palette (#F3E1D2, #CB782A, #674600, #322D28, #1F1611)
• Weathered Mustard Chapel color palette (#FFF3E8, #F3D5C6, #FFBB8E, #CCA945, #543814)
• Ancient Meadow color palette (#FBE8E1, #ED9200, #9A7100, #5C5500, #232A00)

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