Oat Courtyard color palette — #FFF2ED · #FFC4C0 · #BFD088 · #DB928E · #4E4D46

Pistachio and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Shell Pink (#FFC4C0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pistachio (#BFD088): A whisper-light, balanced green — the color of new leaves after rain.
• Camel (#DB928E): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#4E4D46): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged light, muted.

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

• Mustard Cabin color palette (#FFF2EC, #FFB09E, #CCBF74, #C89FC6, #48413D)
• Antique Mallow Market color palette (#FFF3E8, #FDC8A3, #E8AFF3, #D7996B, #61444A)
• Weathered Glacier color palette (#FDF0FF, #F5D4C8, #7BDCF3, #C3868E, #2B4B59)
• Patina Apricot Pier color palette (#FFF2EC, #EFD6BF, #F39C88, #B7786D, #3B3431)
• Cocoa Archive color palette (#FCF4E6, #E9D7B3, #CAB37F, #A78E68, #594500)
• Weathered Cocoa color palette (#FFF2EB, #DFD9CD, #DCB5A8, #A1B7D1, #794216)
• Wandering Delta color palette (#FFF2ED, #F5AFAA, #47C8BB, #C86F6B, #40533B)
• Patina Bronze Harbor color palette (#FAF4EE, #F5D9B1, #C79261, #92612A, #322A21)

Browse the whole catalog at Explore, or see today's palette.