Wix color palette
TechWix's color identity is defined by a bold blue primary paired with crisp white and a range of neutral grays, creating a clean and modern digital aesthetic. The palette supports clarity and usability across web and product interfaces.
wix.comWix colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Wix BluePrimary12, 110, 252
- Wix NavySecondary19, 39, 67
- Wix YellowAccent255, 199, 0
Surfaces
Page, cards and dividers.- Wix WhiteBackground255, 255, 255
- Wix Light GraySurface247, 249, 251
- Wix Border GrayBorder229, 232, 236
Text
Three tiers of copy.- Wix BlackText24, 27, 31
- Wix GraySecondary text90, 93, 106
- Wix Muted GrayMuted text163, 166, 177
Semantic
Feedback and state colors.- Wix GreenSuccess0, 196, 140
- Wix YellowWarning255, 199, 0
- Wix RedError255, 62, 91
- Wix BlueInfo12, 110, 252
Use Wix's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
wix-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0C6EFC;
--error: #FF3E5B;
--accent: #FFC700;
--border: #E5E8EC;
--primary: #0C6EFC;
--success: #00C48C;
--surface: #F7F9FB;
--warning: #FFC700;
--secondary: #132743;
--text-muted: #A3A6B1;
--background: #FFFFFF;
--text-primary: #181B1F;
--text-secondary: #5A5D6A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.3:1
Pass
Text on surface
Needs 4.5:1 for body text
16.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.2:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Wix background, border and text colors
The quiet part of the Wix palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Wix WhiteBackground
- HEX
- RGB
- HSL
- Wix Light GraySurface
- HEX
- RGB
- HSL
- Wix Border GrayBorder
- HEX
- RGB
- HSL
- Wix BlackText
- HEX
- RGB
- HSL
- Wix GraySecondary text
- HEX
- RGB
- HSL
- Wix Muted GrayMuted text
- HEX
- RGB
- HSL
About Wix's colors
Wix uses a vibrant blue as its core, complemented by neutral backgrounds and subtle accent colors for clarity and accessibility. The palette is designed for digital interfaces, balancing energy and professionalism.
Primary blue contrasts with white and dark navy for hierarchy.
Accent yellow is used sparingly for highlights and alerts.
Grays provide depth and structure in UI elements.
Psychology
The blue conveys trust, reliability, and a sense of innovation, while the white and grays keep the interface clean and approachable. Yellow accents add energy and draw attention to key actions.
Evolution
Wix's palette has remained consistent, with blue always at the forefront. Minor adjustments have refined the neutrals and accent colors for better accessibility and modernity.
Where Wix uses each color
- Primary
Wix Blue is used for main navigation, primary buttons, and key interactive elements.
- Secondary
Wix Navy appears in headers, footers, and backgrounds for contrast.
- Accent
Wix Yellow highlights notifications, CTAs, and important badges.
- Backgrounds
Wix White and Light Gray are used for page backgrounds and card surfaces.
- Text
Wix Black and Gray are used for primary and secondary text, ensuring readability.
- Semantic
Wix Green, Yellow, and Red are used for success, warning, and error states in forms and notifications.
Wix color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Wix primary color hex code is #0C6EFC. This blue is used throughout their digital products and branding.
Wix Blue (#0C6EFC) in RGB is (12, 110, 252). For CMYK, it is approximately (95, 56, 0, 1).
Wix uses several grays, including Wix Light Gray (#F7F9FB), Border Gray (#E5E8EC), and Muted Gray (#A3A6B1), for backgrounds, borders, and secondary text.
Use Wix Blue (#0C6EFC) for primary actions and navigation, with neutrals for backgrounds and text. Accent and semantic colors should be applied sparingly for highlights and status indications.
The secondary color is Wix Navy, #132743, and the accent is Wix Yellow, #FFC700. Together with the primary they make up the three brand colors at the top of this page.
4 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 Wix's colors consistently when it generates UI.
Make something in the spirit of Wix
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.
