Amber Courtyard color palette — #F8D8D5 · #FF8A5C · #E67100 · #A56500 · #3F2B00

Built around Tangerine, softened by Salmon — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F8D8D5): A whisper-light, dusty orange — the color of toasted spice.
• Salmon (#FF8A5C): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#E67100): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#A56500): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3F2B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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

• Misty Ember color palette (#FFDEE3, #FF8686, #FE5030, #AC4B00, #4C2500)
• Tempered Rust Canyon color palette (#F9D7BB, #E6AB5E, #D97716, #C13E00, #352600)
• Muted Coral color palette (#FFE5EC, #FF8783, #BC5E00, #664400, #241E00)
• Aged Coast color palette (#EEE2D9, #F29D11, #B18800, #7E6C00, #353300)
• Orchid Coast color palette (#EFE4DA, #E78D00, #00B3A6, #B252FF, #361D00)
• Airy Tangerine color palette (#FFF3E7, #F8E19B, #BDDE68, #FF7033, #463200)
• Timeworn Corridor color palette (#FBDFC6, #FFB77D, #21B5F9, #AC5D00, #003249)
• Softworn Amber color palette (#FFF2EB, #FCC7AA, #E5AA71, #BB893A, #504C46)

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