Weathered Courtyard color palette — #FAF1E2 · #C3BBA2 · #A17C3A · #7C4B12 · #2E2D19
Coffee and Caramel set the tone — five colors that lean into optimism and sophistication.
The five colors
- Cream (#FAF1E2): A whisper-light, dusty gold — the color of honey in a jar.
- Stone (#C3BBA2): A luminous, dusty green — the color of a quiet forest floor.
- Caramel (#A17C3A): A luminous, balanced gold — the color of honey in a jar.
- Coffee (#7C4B12): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#2E2D19): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Weathered 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
- Bronze Chapel color palette (#FBF4E8, #C4B798, #9D7A37, #705933, #584500)
- Washed Villa color palette (#F1DCCA, #AC956C, #89572A, #642A1C, #1F1700)
- Bronze Lantern color palette (#F9E7D2, #857024, #5E3B00, #3D1400, #070500)
- Aged Cabin color palette (#EBFAEF, #C0E3E0, #93B99E, #68826B, #2F453A)
- Weathered Orchard color palette (#F2F1DD, #7A9A44, #645D00, #493100, #001805)
- Softworn Ash Orchard color palette (#FCECF9, #8093C4, #7D8959, #566536, #2C1D2A)
- Patina Villa color palette (#EEF1FF, #D2B9E5, #9E7193, #814156, #4D0E05)
- Hushed Chestnut color palette (#FDEDEF, #AD79A8, #965540, #355936, #251521)
Browse the whole catalog at Explore, or see today's palette.