Washed Cocoa Courtyard color palette — #FFF1F5 · #C4B17D · #9D6A28 · #742D08 · #00170F

Built around Rust, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Camel (#C4B17D): A luminous, dusty green — the color of a quiet forest floor.
• Ochre (#9D6A28): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#742D08): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#00170F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Antique Bronze color palette (#E1FDED, #A8BC7F, #837825, #603E00, #001802)
• Garnet Study color palette (#FFF0F7, #E6B060, #BF6000, #94040A, #1E1800)
• Chestnut Pier color palette (#EAFAEC, #A5D4BB, #A9833A, #874300, #012820)
• Muted Chestnut Field color palette (#CEEFD8, #9AA055, #745D00, #492900, #010500)
• Aged Cocoa Alley color palette (#F9E5F1, #AA7B4B, #823000, #46000F, #020100)
• Aged Mustard Courtyard color palette (#EAF9F3, #E5B064, #4D5700, #171B00, #000201)
• Antique Ridge color palette (#FFF1F5, #C9EFE8, #CBA784, #9E6C5B, #30453B)
• Pale Mustard Archive color palette (#E9FAF3, #B6C469, #0082AA, #606B00, #000103)

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