Cocoa Orchard color palette — #FFF2EF · #F1BCBE · #CE8E86 · #A15F4A · #74350C

Built around Rust, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rose Quartz (#F1BCBE): A whisper-light, dusty red — the color of late-summer berries.
• Dusty Rose (#CE8E86): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#A15F4A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#74350C): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Cocoa Orchard 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

• Washed Coral Lagoon color palette (#FCF0FF, #E9DAD2, #F2958E, #AB614B, #622F15)
• Antique Thicket color palette (#FFF3E7, #E7ADAC, #B9846F, #6F7344, #703416)
• Patina Garnet Balcony color palette (#FFF1F4, #EAC2E6, #C18BAF, #955D7A, #733048)
• Patina Pier color palette (#FFE9E4, #E77F4B, #AF5C00, #6E4200, #2E1D00)
• Hushed Ember color palette (#FFDAD5, #FF9575, #D06000, #884B00, #4E2F00)
• Weathered Taupe color palette (#FCF3F2, #DED8D3, #B4B3A6, #B8908B, #5B504E)
• Antique Driftwood color palette (#FFF2EB, #E3CDBB, #B3A697, #82843D, #475812)
• Feathered Market color palette (#FFEAD2, #E4BE7E, #A88F4A, #6E6500, #3E4000)

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