Cocoa Orchard color palette — #FFF2F0 · #DEF6CB · #E1DCCF · #CEA7B4 · #7C3C25
A conversation between Bronze and Honeydew, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Honeydew (#DEF6CB): A whisper-light, dusty green — the color of new leaves after rain.
- Bone (#E1DCCF): a clean, paper-quiet neutral.
- Rosewood Mist (#CEA7B4): A luminous, dusty rose — the color of a warm blush.
- Bronze (#7C3C25): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
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
- Wisteria Basin color palette (#FFF1F0, #E5FFCC, #E1DDCF, #C987C4, #672F03)
- Stone Summit color palette (#FFF1F3, #E3D6D2, #D3B6CC, #A4B7AE, #5B4B4A)
- Softworn Archive color palette (#FFEDE8, #DFD5C8, #AAADB8, #B67A88, #5D2106)
- Softworn Bronze color palette (#FEF3E7, #DCE6BC, #C8A884, #A76845, #464100)
- Antique Frost color palette (#D8FFF3, #F8E7FF, #DAC7C6, #4F3F43, #30282A)
- Softworn Ash Thicket color palette (#FBF1FE, #C2E7C9, #E8D7D8, #AC7FA3, #5F4C5A)
- Washed Cocoa color palette (#FFF2EB, #D7FCCB, #AD7666, #6D340D, #221915)
- Powdered Lantern color palette (#FFEDCF, #B8CF7A, #0EB2A8, #892F2C, #070600)
Browse the whole catalog at Explore, or see today's palette.