Cocoa Orchard color palette — #F1E9FC · #8E7798 · #925359 · #634500 · #141000

A conversation between Bronze and Pewter, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F1E9FC): A whisper-light, dusty violet — the color of a velvet chair.
• Slate Blue (#8E7798): A luminous, dusty pink — the color of a candy shop window.
• Pewter (#925359): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#634500): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#141000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Chestnut Garden color palette (#F3E5F1, #A47462, #8E531C, #425300, #011501)
• Garnet Meadow color palette (#E7E8FF, #8C79AD, #81518E, #782928, #250700)
• Washed Spruce color palette (#DCF0FB, #6A73AB, #6B406E, #133800, #001713)
• Patina Mulberry color palette (#E1EAF6, #8276B9, #7C3260, #00260F, #010100)
• Weathered Fern Lagoon color palette (#FFE9DF, #A29158, #927442, #296824, #002918)
• Cellar Pewter color palette (#E4DEF7, #774C89, #522A49, #330700, #050100)
• Wandering Courtyard color palette (#F2DBF5, #CF948C, #B16F4F, #68692D, #243300)
• Worn Coast color palette (#E0EFEC, #61AFB4, #008393, #005E58, #000B10)

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