E-commerce & Payments
PrestaShop Color Codes
PrestaShop splits its name between a deep blue, hex #27245D, and a bright pink, #E2066F. The PrestaShop color codes in Hex, RGB and CMYK can be found below. The open-source store software began in Paris in 2007 as a student project before becoming a company. Its rival among self-hosted platforms is WooCommerce.
Primary colors
What are PrestaShop Primary Colors?
PrestaShop's primary colors are prestashop pink #E2066F, deep blue #27245D.
PrestaShop publishes no open hex sheet; these are measured from the current logo.
PrestaShop PrestaShop Pink
| Hex | #E2066F |
|---|---|
| RGB | 226, 6, 111 |
| HSL | hsl(331, 95%, 45%) |
| CMYK | 0%, 97%, 51%, 11%converted · approximate |
| Pantone | PMS 213 Cnearest match · not published by the brand |
PrestaShop Deep Blue
| Hex | #27245D |
|---|---|
| RGB | 39, 36, 93 |
| HSL | hsl(243, 44%, 25%) |
| CMYK | 58%, 61%, 0%, 64%converted · approximate |
| Pantone | PMS 2766 Cnearest match · not published by the brand |
PrestaShop Hex Color Codes
PrestaShop hex color codes are #E2066F for prestashop pink and #27245D for deep blue.
| Color | Hex |
|---|---|
| PrestaShop Pink | #E2066F |
| Deep Blue | #27245D |
PrestaShop RGB Color Codes
PrestaShop RGB color codes are 226, 6, 111 for prestashop pink and 39, 36, 93 for deep blue. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| PrestaShop Pink | rgb(226, 6, 111) |
| Deep Blue | rgb(39, 36, 93) |
PrestaShop HSL Color Codes
PrestaShop HSL color codes are 331, 95%, 45% for prestashop pink and 243, 44%, 25% for deep blue. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| PrestaShop Pink | hsl(331, 95%, 45%) |
| Deep Blue | hsl(243, 44%, 25%) |
PrestaShop CMYK Color Code
PrestaShop CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| PrestaShop Pink | 0%, 97%, 51%, 11% |
| Deep Blue | 58%, 61%, 0%, 64% |
PrestaShop Pantone Color Codes
PrestaShop Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| PrestaShop Pink | PMS 213 C |
| Deep Blue | PMS 2766 C |
Logo
PrestaShop Logo Colors
PrestaShop logo colors are deep blue for Presta and pink for Shop, with a shopping-bag mark alongside.
PrestaShop Logo Colors Palette
What the PrestaShop Logo Colors Mean?
The PrestaShop logo colors divide the word to divide the idea. Presta sits in a serious dark blue, Shop in an energetic pink, and the small bag icon ties it to retail. The pink is the part people remember, and it carries through the admin panel that shop owners spend their days in.
PrestaShop Logo Color History
PrestaShop logo color history keeps blue and pink from the early logo, which paired lime green and fuchsia before settling on the current navy-and-pink split. The bag mark has been redrawn a few times without losing the two colors.
PrestaShop Logo Fonts
PrestaShop logo fonts are a custom sans for the wordmark, not licensed. A clean geometric sans is the closest substitute.
PrestaShop Logo JPG
PrestaShop logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
PrestaShop Logo PNG
PrestaShop logo in PNG, with a transparent background. Use it over a colored surface.
PrestaShop Logo WebP
PrestaShop logo in WebP. Same transparency as the PNG at about a third of the file size.
PrestaShop Color Code Shades
PrestaShop color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not PrestaShop paint or trim names.
In code
Using the PrestaShop palette
CSS custom properties
:root {
--prestashop-prestashop-pink: #E2066F;
--prestashop-deep-blue: #27245D;
}Contrast against white
| PrestaShop Pink | 4.68:1AA ✓ |
|---|---|
| Deep Blue | 14.03:1AA ✓ |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.