Cocoa Orchard color palette — #FFF2ED · #DFDBCD · #ABAAB4 · #CD94B0 · #7C421B

Built around Bronze, softened by Mauve — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#DFDBCD): bright and airy, almost weightless.
• Ash (#ABAAB4): soft and architectural.
• Mauve (#CD94B0): A luminous, dusty rose — the color of strawberry cream.
• Bronze (#7C421B): A full-bodied, balanced gold — the color of old brass.

Feels like: 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

• Washed Terrace color palette (#FCF4E9, #D9E2CE, #BECEDC, #CE9B8A, #664B00)
• Fern Archive color palette (#FAF4EA, #D2CBAE, #AE9872, #926C47, #4C4B00)
• Wandering Market color palette (#FFF0F9, #E6D6D5, #D1C89B, #9C7E97, #594952)
• Sunlit Bloom color palette (#F9DCCE, #C49769, #7C9121, #880548, #180800)
• Worn Meadow color palette (#FBF4E8, #BCAA72, #5AAAB1, #7671B0, #403D36)
• Rose Meadow color palette (#FFF2E9, #E0E3BA, #ACD690, #E95972, #58391A)
• Weathered Terracotta color palette (#FEECD1, #C1C693, #49B688, #A83F00, #2B2900)
• Wandering Bronze Villa color palette (#FCF3EC, #E2CFA9, #A4713B, #664525, #35291D)

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