Cocoa Courtyard color palette — #FFF3E6 · #F9BFC2 · #D59F8F · #8F905A · #713319

Rust and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Oat (#F9BFC2): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#D59F8F): A luminous, dusty orange — the color of sun-warmed clay.
• Moss (#8F905A): A luminous, dusty green — the color of a quiet forest floor.
• Rust (#713319): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, light, muted, warm.

Use it as a design system

One click turns Cocoa 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 Stone color palette (#FFF2EB, #E9C1EA, #D49AB8, #AA8264, #5A3F42)
• Stone Harbor color palette (#FBF5E2, #D8AFCF, #B5847A, #527962, #5B403D)
• Soft Olive Veranda color palette (#FFF3E4, #FFA690, #DF8337, #5F8A00, #57240C)
• Antique Cerulean color palette (#FFF2EF, #F2B3C3, #CF9D7D, #7285B6, #513757)
• Muted Fern color palette (#FFF2EC, #E4D9C0, #CDBCA9, #9E9D87, #475100)
• Washed Sand color palette (#FFF4E0, #EABF86, #B3A569, #489278, #413C36)
• Hushed Stone Station color palette (#FFEDE8, #EE9DA2, #AA684A, #60514C, #27201F)
• Worn Powder color palette (#F4F6EF, #C8E7E6, #9CCEEC, #85AD92, #2E5348)

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