I first saw it in a Facebook ad. I try to avoid EVER clicking Facebook’s sidebar ads, but the picture in this one was so appealing, I couldn’t resist: a spotless white office desk tricked out with a whole suite of beautiful, brightly colored, matching office supplies.
This was my introduction to Poppin, whose mission statement begins, “Poppin believes you should be able to surround yourself with objects of beauty everywhere you go and in everything that you do.” Founded in 2009 by NYC entrepreneurs with a background in fashion (explains the killer aesthetics, right?), the company was publicly launched in September 2012, but it’s only more recently that their impressive PR is really gaining traction.
The sheer glossy perfection of it was what got me. I was in awe. Not just visually, but technically: How do you even achieve that kind of color matching across a dozen different materials and manufacturers? (It turns out that this was, indeed, a nontrivial issue for them.) I emailed the Shop By Color link straightaway to my BFF (an avowed devotee of all things purple). I followed Poppin on Pinterest. And then on Twitter. I was hooked.
But it wasn’t enough for me to lovingly browse the color selections. I had to know: What were the specs for the 16 colors?? With a few minutes of poking around their website style sheets, I managed to uncover the official hex/RGB codes. But even more specifically, I wanted to know if they had officially designated corresponding swatches in the industry-standard Pantone Matching System, or PMS. Read more about Pantone here.
I couldn’t find any mention of Pantone in their FAQ, but luckily, Poppin also encourages you to email questions to their “Work Stylist” team. So I did. Not 45 minutes later, team member Shannon sent me a perky response email with an attached PDF document — an array of the 16 swatches with their PMS numbers. My respect for the company ratcheted up several more notches.
I asked her if I could share the breakdown, and she said “feel free to spread the info!”, so here it is:
|White||#ffffff||R: 255 G: 255 B: 255||n/a*|
|Yellow||#ffd200||R: 255 G: 210 B: 0||PMS 116C|
|Orange||#f47b20||R: 244 G: 123 B: 32||PMS 166C|
|Coral||#ff6666||R: 255 G: 102 B: 102||PMS 178C|
|Red||#d31245||R: 211 G: 18 B: 69||PMS 200C|
|Pink||#eb4498||R: 235 G: 68 B: 152||PMS 219C|
|Lime Green||#c1d82f||R: 193 G: 216 B: 47||PMS 382C|
|Mint||#abd2aa||R: 171 G: 210 B: 170||PMS 2254C|
|Aqua||#68c8c6||R: 104 G: 200 B: 198||PMS 325C|
|Pool Blue||#00a5d9||R: 0 G: 165 B: 217||PMS 639C|
|Navy||#00457c||R: 0 G: 69 B: 124||PMS 295C|
|Purple||#52247f||R: 82 G: 36 B: 127||PMS 2617C|
|Light Gray||#c5c6c8||R: 197 G: 198 B: 200||PMS 421C|
|Black||#000000||R: 0 G: 0 B: 0||PMS Black 6C|
*Pantone does actually offer a selection of white shades, but Poppin didn’t spec one. :-)
** These metallics are represented on their website with background GIFs instead of solid CSS color blocks.
For now, the CMYK equivalents (for use in four-color process printing, including your home or office laser printer) are left as an exercise to the reader. (Pro tip: InDesign will give you a reasonable conversion right in your Swatches library if you create a swatch of your target PMS color, then convert to CMYK. This will give you a slightly better match than converting from an RGB swatch, since those can be tricky to render with the same vibrancy in CMYK.)
Guess what else? If your branding colors happen to be in the above set, you’ll be thrilled to know that you can also order your choice of custom imprinted products. (Some stellar product placement on that page, BTW. Internet cachet cuts both ways!)
So which are my personal favorite shades of the collection? If you’ve seen my design homepage, it’s no surprise that I’m torn between Lime Green (canonically the most “Erica” of colors) and Pool Blue.
I look forward to seeing what else they add to the menu as the company grows.