Weathered Courtyard color palette — #F9D7CC · #C99300 · #788600 · #006C3E · #001C1A
A conversation between Mustard and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F9D7CC): A whisper-light, dusty orange — the color of autumn markets.
- Mustard (#C99300): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#788600): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#006C3E): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#001C1A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Quiet Grove color palette (#F3E6CC, #9F9100, #556F00, #074808, #001A0C)
- Patina Emerald Corridor color palette (#F0E4D5, #A7A628, #159529, #00625D, #001920)
- Tangerine Thicket color palette (#F7E7E9, #F6773E, #9C7400, #475E00, #001C0F)
- Aubergine Boulevard color palette (#ECDED7, #CF8600, #2D9544, #642A94, #1B1600)
- Olive Station color palette (#F3EED5, #788100, #0B4E35, #231D04, #030100)
- Ancient Drift color palette (#EBE2D6, #B8BE00, #00B165, #007B77, #002D3A)
- Patina Emerald color palette (#F0E8C7, #589632, #00715D, #004147, #000306)
- Dusty Bronze Lagoon color palette (#E7E2DA, #BAC4B3, #98AB9D, #A37800, #291D08)
Browse the whole catalog at Explore, or see today's palette.