Amber Courtyard color palette — #FFF1F6 · #DBAF7A · #B7801A · #7C5E1F · #3B5544
A conversation between Mustard and Walnut, giving this palette its sense of optimism and balance.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Sand (#DBAF7A): A luminous, balanced gold — the color of old brass.
- Mustard (#B7801A): A luminous, balanced gold — the color of old brass.
- Walnut (#7C5E1F): A full-bodied, balanced gold — the color of old brass.
- Charcoal Brown (#3B5544): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Optimism, Balance. Tagged 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
- Frosted Moss Market color palette (#DAFAE5, #C4BA74, #8B8823, #646C2C, #36564C)
- Apricot Chapel color palette (#FFF2EB, #F7B27B, #C59959, #8A7C48, #53524A)
- Wandering Atelier color palette (#EBF9F0, #C0AF74, #38ADA6, #847128, #27545E)
- Weathered Bronze Loft color palette (#FFE8FA, #EAA995, #BA653A, #8B5738, #604551)
- Hushed Amber Boulevard color palette (#FDEFD1, #BC9900, #837400, #5B5600, #1A491E)
- Timeworn Lagoon Bloom color palette (#E8FBEF, #AB9742, #409E75, #A66055, #33483B)
- Weathered Oat color palette (#EAFAF0, #C2E8E9, #C5E0AC, #73947C, #3D5148)
- Feathered Olive Coast color palette (#CAFCEE, #88BB72, #308E2E, #186835, #1E5756)
Browse the whole catalog at Explore, or see today's palette.