The official colors of CodePen are spiro disco ball, ufo green, rich lilac, cyber yellow, coral red, and pale cyan.
CodePen logo colors represent sincerity, energy, quality, success, simplicity, and trust. The CodePen color scheme can be used for design projects and purposes. CodePen Color codes and schemes for Pantone, HTML Hex, RGB and CMYK can be found below.
CodePen Primary Logo Colors
The primary colors of CodePen can be found in the table below.
PANTONE: PMS 306 C
HEX COLOR: #0EBEFF
RGB: (14, 190, 255)
CMYK: (0.945, 0.254, 0.0, 0.0)
PANTONE: PMS 2256 C
HEX COLOR: #47CF73
RGB: (71, 207, 115)
CMYK: (0.657, 0.0, 0.444, 0.188)
PANTONE: PMS 252 C
HEX COLOR: #AE63E4
RGB: (174, 99, 228)
CMYK: (0.236, 0.565, 0.0, 0.105)
PANTONE: PMS 109 C
HEX COLOR: #FCD000
RGB: (252, 208, 0)
CMYK: (0.0, 0.174, 1.0, 0.011)
PANTONE: PMS WARM RED C
HEX COLOR: #FF3C41
RGB: (255, 60, 65)
CMYK: (0.0, 0.764, 0.745, 0.0)
PANTONE: PMS BLUE 0821 C
HEX COLOR: #76DAFF
RGB: (118, 218, 255)
CMYK: (0.537, 0.145, 0.0, 0.0)
| Color Name | RGB Color Code | CMYK Color Code | Pantone Color Code | HEX Color Code |
|---|---|---|---|---|
| Spiro disco ball | (14, 190, 255) | (0.945, 0.254, 0.0, 0.0) | PMS 306 C | #0EBEFF |
| Ufo green | (71, 207, 115) | (0.657, 0.0, 0.444, 0.188) | PMS 2256 C | #47CF73 |
| Rich lilac | (174, 99, 228) | (0.236, 0.565, 0.0, 0.105) | PMS 252 C | #AE63E4 |
| Cyber yellow | (252, 208, 0) | (0.0, 0.174, 1.0, 0.011) | PMS 109 C | #FCD000 |
| Coral red | (255, 60, 65) | (0.0, 0.764, 0.745, 0.0) | PMS WARM RED C | #FF3C41 |
| Pale cyan | (118, 218, 255) | (0.537, 0.145, 0.0, 0.0) | PMS BLUE 0821 C | #76DAFF |
Table of Contents
CodePen Hex Color Codes
The Hex Color Codes for CodePen are #0EBEFF, #47CF73, #AE63E4, #FCD000, #FF3C41, and #76DAFF for spiro disco ball, ufo green, rich lilac, cyber yellow, coral red, and pale cyan. The Hex Color Scheme of the CodePen brand can be seen in the table below.
| Color Name | HEX Color Code |
|---|---|
| Spiro disco ball | #0EBEFF |
| Ufo green | #47CF73 |
| Rich lilac | #AE63E4 |
| Cyber yellow | #FCD000 |
| Coral red | #FF3C41 |
| Pale cyan | #76DAFF |
CodePen Color Codes RGB
The RGB Color Codes for CodePen are (14, 190, 255), (71, 207, 115), (174, 99, 228), (252, 208, 0), (255, 60, 65), and (118, 218, 255) for spiro disco ball, ufo green, rich lilac, cyber yellow, coral red, and pale cyan. The RGB Color Scheme of the CodePen brand can be seen in the table below
| Color Name | RGB Color Code |
|---|---|
| Spiro disco ball | (14, 190, 255) |
| Ufo green | (71, 207, 115) |
| Rich lilac | (174, 99, 228) |
| Cyber yellow | (252, 208, 0) |
| Coral red | (255, 60, 65) |
| Pale cyan | (118, 218, 255) |
CodePen Color Scheme CMYK
The CMYK Color Codes for CodePen are (0.945, 0.254, 0.0, 0.0), (0.657, 0.0, 0.444, 0.188), (0.236, 0.565, 0.0, 0.105), (0.0, 0.174, 1.0, 0.011), (0.0, 0.764, 0.745, 0.0), and (0.537, 0.145, 0.0, 0.0) for spiro disco ball, ufo green, rich lilac, cyber yellow, coral red, and pale cyan. The CMYK Color Scheme of the CodePen brand can be seen in the table below.
| Color Name | CMYK Color Code |
|---|---|
| Spiro disco ball | (0.945, 0.254, 0.0, 0.0) |
| Ufo green | (0.657, 0.0, 0.444, 0.188) |
| Rich lilac | (0.236, 0.565, 0.0, 0.105) |
| Cyber yellow | (0.0, 0.174, 1.0, 0.011) |
| Coral red | (0.0, 0.764, 0.745, 0.0) |
| Pale cyan | (0.537, 0.145, 0.0, 0.0) |
CodePen Pantone Colors
The Pantone Color Codes for CodePen are PMS 306 C, PMS 2256 C, PMS 252 C, PMS 109 C, PMS WARM RED C, and PMS BLUE 0821 C for spiro disco ball, ufo green, rich lilac, cyber yellow, coral red, and pale cyan. The Pantone Color Scheme of the CodePen brand can be seen in the table below.
| Color Name | Pantone Color Code |
|---|---|
| Spiro disco ball | PMS 306 C |
| Ufo green | PMS 2256 C |
| Rich lilac | PMS 252 C |
| Cyber yellow | PMS 109 C |
| Coral red | PMS WARM RED C |
| Pale cyan | PMS BLUE 0821 C |
What are the Logo Colors of CodePen?
The logo of CodePen includes spiro disco ball, ufo green, rich lilac, cyber yellow, coral red, and pale cyan colors. The Logo of CodePen uses the color codes below.
- Spiro disco ball: The CodePen Logo includes Spiro disco ball because it represents trust.
- Ufo green: The CodePen Logo includes Ufo green because it represents quality.
- Rich lilac: The CodePen Logo includes Rich lilac because it represents sincerity.
- Cyber yellow: The CodePen Logo includes Cyber yellow because it represents success.
- Coral red: The CodePen Logo includes Coral red because it represents energy.
- Pale cyan: The CodePen Logo includes Pale cyan because it represents simplicity.
