Cocoa Orchard color palette — #FBF3F1 · #DCDACF · #BFC4AF · #D28986 · #62250B

Rust and Dusty Rose set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Bone (#DCDACF): bright and airy, almost weightless.
• Stone (#BFC4AF): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#D28986): A luminous, balanced orange — the color of toasted spice.
• Rust (#62250B): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Patina Wisteria color palette (#FCF2F3, #E3D8CC, #C8C0AB, #CA84BB, #463637)
• Bronze Dune color palette (#F9F3F8, #E6D5D5, #D1B8B4, #B6675A, #41373E)
• Weathered Amber Dune color palette (#FDF3EA, #D7E0C3, #96D4BF, #D88000, #37322C)
• Ancient Amber color palette (#F4E3D6, #E27C2A, #696337, #5B3000, #130B09)
• Mustard Lantern color palette (#F8F5ED, #D4DDD2, #BAC2CE, #BCA408, #513C00)
• Weathered Taupe color palette (#FFDBDD, #E7BEA3, #ABA963, #8C80B1, #593D4B)
• Hushed Cabin color palette (#F9F4EF, #D9DDD4, #A6BCB7, #95AD89, #57524B)
• Rust Workshop color palette (#E8DCD6, #C2C0B1, #A3B18A, #C75A46, #291C15)

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