CodePen brand colors
Technology · 6 colors · Updated September 2026
Color codes
Capri
Seaweed
Violet Voltage
Mamba Yellow
Red Coral
Sky
About the CodePen palette
CodePen, a vibrant online community and platform for front-end developers, showcases a colorful palette that embodies creativity and innovation. Known sources of inspiration include their official branding and user-generated content, reflecting hues like cyan (#0EBEFF), vibrant green (#47CF73), lively purple (#AE63E4), bright yellow (#FCD000), striking red (#FF3C41), and sky blue (#76DAFF) found on their official site and resources.
Brand names, logos and colors belong to their owners. PickXColor is not affiliated with CodePen.
- Category
- Technology
Color data from brandcolor.dev
Similar palettes
More from Technology
Frequently asked questions
What are the CodePen brand colors?
CodePen uses 6 brand colors: Capri (#0EBEFF), Seaweed (#47CF73), Violet Voltage (#AE63E4), Mamba Yellow (#FCD000), Red Coral (#FF3C41) and Sky (#76DAFF).
What is the main CodePen color?
The lead color of the CodePen palette is Capri: HEX #0EBEFF, RGB 14, 190, 255.
How do I use the CodePen colors in CSS or Tailwind?
Choose Export to copy the palette as CSS custom properties, a Tailwind theme with shades, SCSS, Swift, Jetpack Compose or JSON design tokens. Open in editor adds every color to the PickXColor board, where you can check contrast and build shades.
Where do these color codes come from?
The codes were collected by brandcolor.dev from CodePen's public brand material. For print or legal use, check them against CodePen's own guidelines.