Oat Courtyard color palette — #F8F7DB · #CCD9BB · #A2B8A2 · #977A83 · #5F4C4C
A conversation between Celadon Mist and Sage, giving this palette its sense of sophistication.
The five colors
- Custard (#F8F7DB): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#CCD9BB): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A2B8A2): A luminous, dusty green — the color of a quiet forest floor.
- Driftwood (#977A83): A luminous, dusty rose — the color of pressed rose petals.
- Charcoal Brown (#5F4C4C): A full-bodied, dusty red — the color of a theater curtain.
Feels like: Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Oat 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
- Tempered Coast color palette (#E8FBEE, #C5DFE6, #ACC3C9, #9D90A7, #5C4C57)
- Muted Market color palette (#E7FCE9, #B7D6C6, #879CC1, #8D7168, #77450C)
- Weathered Corridor color palette (#D3EEC7, #9CBAA5, #5991B9, #7F5A55, #6B310C)
- Aged Bronze Thicket color palette (#F8F5ED, #D6D2B4, #85A77B, #947A33, #584E00)
- Hushed Lilac color palette (#EAFBE8, #6AC3BC, #BB8EE0, #B08A60, #3A4638)
- Powdered Teal Station color palette (#F3F9D7, #98DFBA, #26B997, #2A8982, #3C5540)
- Ancient Turquoise Boulevard color palette (#CDE6E4, #59A6BA, #5474A1, #723C43, #371C08)
- Aged Blush Veranda color palette (#EFF8EC, #7FD7C8, #E794B3, #30A091, #644340)
Browse the whole catalog at Explore, or see today's palette.