Timeworn Amber Courtyard color palette — #F8F3FB · #FBA9BF · #C97560 · #B3647B · #2D1F29

Coral Clay and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#F8F3FB): bright and airy, almost weightless.
• Ballet Pink (#FBA9BF): A whisper-light, balanced red — the color of embers at dusk.
• Coral Clay (#C97560): A luminous, balanced orange — the color of autumn markets.
• Mocha (#B3647B): A full-bodied, balanced red — the color of late-summer berries.
• Onyx (#2D1F29): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Warmth, Comfort, Balance. Tagged duotone, muted, warm.

Use it as a design system

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

• Patina Orchid Coast color palette (#F5F4FD, #DCB2EB, #CA6D8F, #9F66B2, #2A1F30)
• Tempered Amber Thicket color palette (#FAF2F7, #FFC0AD, #B4975E, #C07660, #253227)
• Washed Peony color palette (#FDF3F1, #F7D3CB, #E17F62, #CD6183, #1B0F08)
• Bronze Harbor color palette (#E9FBE8, #E39D88, #B17848, #526D39, #503244)
• Misty Field color palette (#FFEAE8, #F1AD9A, #C68260, #915215, #583300)
• Dusty Market color palette (#F9F3F9, #E4D7D9, #CDBBBD, #B57F81, #4C454C)
• Marigold Lantern color palette (#FCF3F3, #FDBFEA, #DCA322, #D382BB, #2B2216)
• Apricot Grove color palette (#FFF1F6, #FFA150, #958800, #B06000, #211D00)

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