Amber Courtyard color palette — #F8D8D3 · #E0835B · #9F5900 · #654700 · #403A00

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

The five colors

• Shell Pink (#F8D8D3): A whisper-light, dusty orange — the color of toasted spice.
• Coral Clay (#E0835B): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#9F5900): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#403A00): 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 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

• Powdered Market color palette (#FFDDCC, #E29E6D, #BC6F00, #895600, #503500)
• Bronze Studio color palette (#FFDDCC, #D7A062, #947200, #5B5900, #224D33)
• Misty Cabin color palette (#FFE8EF, #D47177, #A6422E, #7F3400, #593403)
• Weathered Bronze color palette (#F3E1DB, #BF5D00, #6C4B00, #3B2D00, #1D1E00)
• Amber Quarry color palette (#FFF4E1, #B89A43, #775C00, #463400, #2B1D00)
• Amber Bloom color palette (#FCECD9, #BD7E25, #407BBB, #784B00, #0F365E)
• Quiet Amber color palette (#F6E4D0, #B18D00, #716D00, #324A00, #00372F)
• Feathered Bronze color palette (#FBE0BC, #A06F00, #356FAE, #5C4590, #3C2703)

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