Ozon color palette
EcommerceOzon is a leading Russian ecommerce platform with a bold, recognizable color system centered around its signature blue and red. The palette is designed for high contrast and clarity across digital and print environments.
ozon.ruOzon colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Ozon BluePrimary0, 91, 255
- Ozon RedSecondary255, 54, 54
- Ozon CyanAccent0, 196, 255
Surfaces
Page, cards and dividers.- Ozon WhiteBackground255, 255, 255
- Ozon Light GraySurface246, 247, 250
- Ozon Border GrayBorder229, 232, 237
Text
Three tiers of copy.- Ozon BlackText34, 34, 34
- Ozon Secondary GraySecondary text107, 118, 132
- Ozon Muted GrayMuted text191, 197, 206
Semantic
Feedback and state colors.- Ozon GreenSuccess0, 178, 106
- Ozon OrangeWarning255, 168, 0
- Ozon RedError255, 54, 54
- Ozon CyanInfo0, 196, 255
Use Ozon's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ozon-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00C4FF;
--error: #FF3636;
--accent: #00C4FF;
--border: #E5E8ED;
--primary: #005BFF;
--success: #00B26A;
--surface: #F6F7FA;
--warning: #FFA800;
--secondary: #FF3636;
--text-muted: #BFC5CE;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #6B7684;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.3:1
Fail
Muted text on background
Needs 3:1 for large text
1.7:1
Fail
Muted text on surface
Needs 3:1 for large text
1.6:1
Fail
Ozon background, border and text colors
The quiet part of the Ozon palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Ozon WhiteBackground
- HEX
- RGB
- HSL
- Ozon Light GraySurface
- HEX
- RGB
- HSL
- Ozon Border GrayBorder
- HEX
- RGB
- HSL
- Ozon BlackText
- HEX
- RGB
- HSL
- Ozon Secondary GraySecondary text
- HEX
- RGB
- HSL
- Ozon Muted GrayMuted text
- HEX
- RGB
- HSL
About Ozon's colors
Ozon's palette uses a vivid blue and red for brand recognition, supported by clean neutrals for UI clarity. The colors are chosen for accessibility and high visibility in ecommerce interfaces.
Primary blue and red are complementary and create strong contrast.
Accent cyan is analogous to blue, adding vibrancy.
Neutrals balance the vivid brand colors for readability.
Psychology
Blue conveys trust and reliability, essential for ecommerce. Red adds energy and urgency, driving calls to action.
Evolution
Ozon's palette has remained stable, with blue and red as core elements since its major rebranding in the late 2010s. Minor adjustments to gray tones have improved digital accessibility.
Where Ozon uses each color
- Primary
Ozon Blue is used for main navigation bars, primary buttons, and key highlights.
- Secondary
Ozon Red appears in call-to-action buttons, sale tags, and notification badges.
- Accent
Ozon Cyan is used for secondary highlights, links, and interactive elements.
- Backgrounds
Ozon White and Light Gray are used for page backgrounds and card surfaces.
- Text
Ozon Black and Secondary Gray are used for primary and secondary text throughout the UI.
- Semantic
Ozon Green, Orange, and Red are used for success, warning, and error messages respectively.
Ozon color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Ozon brand blue is #005BFF. This color is used as the primary identifier across all platforms.
Ozon Blue (#005BFF) is RGB(0, 91, 255). For CMYK, use (100, 64, 0, 0).
Ozon uses #F6F7FA for light gray surfaces and #E5E8ED for borders. These ensure a clean, modern interface.
Use Ozon Blue (#005BFF) for primary actions and navigation, and Ozon Red (#FF3636) for attention-grabbing elements. Neutrals and semantic colors should support clarity and accessibility.
The secondary color is Ozon Red, #FF3636, and the accent is Ozon Cyan, #00C4FF. Together with the primary they make up the three brand colors at the top of this page.
3 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Ozon's colors consistently when it generates UI.
Make something in the spirit of Ozon
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.
