Swarovski color palette
FashionSwarovski's brand color identity centers on a deep, elegant blue paired with refined neutrals, reflecting its luxury and crystal heritage. The palette is minimal and sophisticated, supporting a high-end fashion aesthetic.
swarovski.comSwarovski colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Swarovski BluePrimary12, 35, 64
- Swarovski WhiteSecondary255, 255, 255
- Crystal SilverAccent177, 179, 179
Surfaces
Page, cards and dividers.- Crystal MistBackground247, 247, 247
- Frosted SilverSurface229, 230, 230
- Pale SilverBorder209, 211, 212
Text
Three tiers of copy.- Swarovski Blue TextText12, 35, 64
- Slate GraySecondary text90, 90, 90
- Muted SilverMuted text167, 169, 172
Semantic
Feedback and state colors.- Emerald SuccessSuccess107, 190, 146
- Amber WarningWarning247, 200, 115
- Ruby ErrorError217, 79, 79
- Sapphire InfoInfo58, 107, 165
Use Swarovski's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
swarovski-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3A6BA5;
--error: #D94F4F;
--accent: #B1B3B3;
--border: #D1D3D4;
--primary: #0C2340;
--success: #6BBE92;
--surface: #E5E6E6;
--warning: #F7C873;
--secondary: #FFFFFF;
--text-muted: #A7A9AC;
--background: #F7F7F7;
--text-primary: #0C2340;
--text-secondary: #5A5A5A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.7:1
Pass
Text on surface
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.5:1
Pass
Muted text on background
Needs 3:1 for large text
2.2:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Swarovski background, border and text colors
The quiet part of the Swarovski palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Crystal MistBackground
- HEX
- RGB
- HSL
- Frosted SilverSurface
- HEX
- RGB
- HSL
- Pale SilverBorder
- HEX
- RGB
- HSL
- Swarovski Blue TextText
- HEX
- RGB
- HSL
- Slate GraySecondary text
- HEX
- RGB
- HSL
- Muted SilverMuted text
- HEX
- RGB
- HSL
About Swarovski's colors
Swarovski's palette uses a signature deep blue to evoke luxury and trust, complemented by neutral silvers and whites for clarity and elegance. The restrained use of color highlights the brand's focus on crystal and light.
Primary blue contrasts with white for clarity.
Silvers unify backgrounds and surfaces.
Accent colors are subtle to maintain a premium feel.
Psychology
The deep blue conveys sophistication, reliability, and exclusivity, aligning with luxury fashion values. Silvers and whites evoke purity, brilliance, and the sparkle of crystal.
Evolution
Swarovski's palette has remained consistent, with the deep blue in use for decades as a core identifier. Recent updates have refined the neutral tones for digital clarity while keeping the overall scheme stable.
Where Swarovski uses each color
- Primary
Used in the logo, navigation bar, and key call-to-action buttons.
- Secondary
Applied to backgrounds, product photography frames, and secondary buttons.
- Accent
Utilized for subtle highlights, UI dividers, and product details.
- Backgrounds
Crystal Mist and Frosted Silver are used for website and app backgrounds.
- Text
Swarovski Blue and Slate Gray are used for headings and body text, respectively.
- Semantic
Emerald Success, Amber Warning, and Ruby Error are used for status indicators and alerts.
Swarovski color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Swarovski brand color is 'Swarovski Blue', with the hex code #0C2340.
Swarovski Blue (#0C2340) has an RGB value of (12, 35, 64) and a CMYK value of (81, 45, 0, 75).
Swarovski uses 'Crystal Silver' (#B1B3B3), 'Frosted Silver' (#E5E6E6), and 'Pale Silver' (#D1D3D4) as neutral tones in its UI and backgrounds.
The palette should prioritize 'Swarovski Blue' for primary actions and branding, with silvers and whites supporting backgrounds and surfaces. Accent and semantic colors are reserved for highlights and status messaging.
The secondary color is Swarovski White, #FFFFFF, and the accent is Crystal Silver, #B1B3B3. 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 Swarovski's colors consistently when it generates UI.
Make something in the spirit of Swarovski
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.