silver
- RGB
- 193, 230, 238
- HSL
- 191°, 57%, 85%
- Text on it
- black · 14.21:1
- Role
- primary
Olipop leads on orange #FF9B2F. The full set is silver, orange and pale sand: #C1E6EE, #FF9B2F, #FFD7A4. Every code below is the brand's own published colour, not copied from a listicle.
Ordered by how much of the logo each one covers. Tap a code to copy it.
The same codes as custom properties and as a Tailwind theme extension.
:root {
--olipop-1: #c1e6ee;
--olipop-2: #ff9b2f;
--olipop-3: #ffd7a4;
}theme: {
extend: {
colors: {
'olipop-1': '#c1e6ee',
'olipop-2': '#ff9b2f',
'olipop-3': '#ffd7a4',
},
},
}These are Olipop's published colours, as recorded for drinkolipop.com. A published palette can carry colours that never appear in the logo: a secondary, or one used only on packaging. That is the reason to prefer it over reading the mark.
What it does not carry is how much of anything each colour covers, so there are no percentages here. Where we have read a brand's logo instead, those percentages appear and this paragraph says so instead.
Read 25 August 2026.
silver, orange and pale sand, #C1E6EE, #FF9B2F, #FFD7A4. The one to reach for first is orange #FF9B2F.
Olipop's own published brand palette, as recorded for drinkolipop.com: it can include colours that never appear in the logo itself. Nothing here is copied from another site.
It is the palette on their brand record, which is as close to official as a third party gets. A full brand book usually holds more: tints, a print-only colour, rules about where each one goes.
A hex code is not protected. Using Olipop's palette to pass work off as theirs is a trademark problem, and the same colours in your own moodboard, chart or comparison deck are not.