Amber Courtyard color palette — #FBF2FC · #EFD4D1 · #F5B89E · #CB7968 · #574058

Coral Clay and Melon set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF2FC): bright and airy, almost weightless.
• Bone (#EFD4D1): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#F5B89E): A whisper-light, dusty orange — the color of autumn markets.
• Coral Clay (#CB7968): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#574058): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Blush Archive color palette (#F5F3FF, #E1D6DF, #F2BCFE, #D381B6, #4D4564)
• Washed Delta color palette (#F6EFF8, #EBD1E0, #F4B7A6, #C79962, #312230)
• Tempered Shell Cabin color palette (#FFF2EF, #EDD6D4, #FDB7AD, #B9B8AA, #573D35)
• Chalky Coral Pier color palette (#FFF0FB, #FFC3CB, #FF7868, #CB6600, #5E1904)
• Tangerine Delta color palette (#FFF0F8, #FBA791, #E97812, #A46E00, #4F2B06)
• Cypress Boulevard color palette (#FFF1F7, #BED0BC, #8B9E90, #487A79, #325256)
• Driftwood Studio color palette (#F8EEF8, #AD646B, #463743, #2F2430, #1A1416)
• Patina Bronze color palette (#FEF1F7, #CDA1B7, #70A979, #A45D30, #295653)

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