It's the third week of the Color Palettes challenge!

Last week, we took it back to basics with a primary colors palette. Check out the Pens from week two in our collection #CodePenChallenge: Primary Colors 🍎.

January Challenge Sponsor:

A new way to manage your work. Plan. Organize. Track. In one visual, collaborative space.

With, you can manage all of your projects in a single place. See projects at a glance, stay on top of your schedule, and collaborate better with your team.

Week Three Prompt: Color Pop 🎈

You know, a little pop of color can really tie a look together! This week, we're making black & white shine with a pop of shocking pink.

Your Challenge

Create a Pen with a black, white, and shocking pink color scheme: #000, #FFF, #FF1EAD. You could choose to only use these colors, or use them as a starting point to experiment with a wider palette.

How to Participate

Create a Pen and tag it codepenchallenge and the weekly tag cpc-pop. We'll gather those Pens into a collection and share our favorites on Twitter and Instagram (Use the #CodePenChallenge tag on Twitter and Instagram as well).


  1. Can you combine a black and white photo with shocking pink in an interesting way?
  2. What could you do with these colors and a body of text? That pink would make a fun highlight.
  3. This ultra-minimal palette could stand to expand. Use the color wheel to find complementary colors for the pink and use those to tie it all together.


  1. Experimenting with black and white photography? Have a look at how Vail Joy recreated the Spotify Colorizer Effects Using CSS Blend Modes.
  2. Playing with text? Don't forget about the fun you can have with ::selection. Read all about it in Overriding The Default Text Selection Color With CSS from CSS-Tricks.
  3. Thinking about expanding the palette? Check out Anna Grenn's piece on building out a color palette of three from a single bold color: Best Three Color Scheme for UI Design.