Amber Courtyard color palette — #FFF1F1 · #FFBCAC · #E47300 · #925A00 · #3D2F00
Tangerine and Ochre set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Rose Quartz (#FFBCAC): A whisper-light, balanced orange — the color of sun-warmed clay.
- Tangerine (#E47300): A luminous, vivid gold — the color of old brass.
- Ochre (#925A00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#3D2F00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Ember Workshop color palette (#FFF1F4, #FFABB1, #F54907, #9C4900, #523400)
- Softworn Amber color palette (#FFF1EC, #FFBA8F, #BA7D00, #675400, #313300)
- Amber Grove color palette (#F7E4DB, #CC8400, #846100, #343000, #060B00)
- Tangerine Balcony color palette (#FEE9E2, #FFAA80, #F47F13, #BA6700, #583500)
- Terracotta Parlor color palette (#FFF3E8, #EECA8E, #CB7C35, #A33420, #2E2800)
- Aged Apricot Orchard color palette (#FFE2DF, #F49162, #AB5F00, #654700, #292300)
- Powdered Sky Study color palette (#FFF3E7, #FFB572, #47BBFF, #B46600, #00324C)
- Mustard Pier color palette (#FFF3E8, #FFD698, #B6A32E, #777B00, #374E21)
Browse the whole catalog at Explore, or see today's palette.