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: Monday.com
A new way to manage your work. Plan. Organize. Track. In one visual, collaborative space.
With monday.com, 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).
Ideas
- Can you combine a black and white photo with shocking pink in an interesting way?
- What could you do with these colors and a body of text? That pink would make a fun highlight.
- 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.
Resources
- Experimenting with black and white photography? Have a look at how Vail Joy recreated the Spotify Colorizer Effects Using CSS Blend Modes.
- 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.
- 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.
The post #CodePenChallenge: Color Pop 🎈 appeared first on CodePen Blog.