Washed Courtyard color palette — #FFF1F6 · #B7DCBB · #CCA37E · #AB7B65 · #2A4434

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Pistachio (#B7DCBB): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#CCA37E): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AB7B65): A luminous, dusty orange — the color of sun-warmed clay.
• Forest (#2A4434): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Washed 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

• Worn Bloom color palette (#DBEED9, #A7CCAF, #C0945F, #9B6E51, #1C3729)
• Taupe Lantern color palette (#E6FBEF, #B2DBCC, #B6AF74, #729178, #21453E)
• Taupe Hollow color palette (#FFF0F9, #F0C1D6, #D39E8A, #9B7D97, #324231)
• Muted Apricot Courtyard color palette (#FFE7F3, #EEBD8F, #E18B5B, #B2685B, #483000)
• Tempered Bronze Study color palette (#FCEFE3, #C2A77B, #9B6836, #68412E, #2C210A)
• Apricot Terrace color palette (#EEF6FF, #8FBCF7, #E3987C, #98934F, #263445)
• Quiet Amber color palette (#C8E8CF, #C7BA60, #B88D17, #9E6100, #282C00)
• Bronze Quarry color palette (#E0F4E0, #A88D3F, #946200, #743B00, #0D0C00)

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