Kleenex color palette
ConsumerKleenex uses a distinctive blue as its primary brand color, complemented by clean whites and soft grays for a fresh, hygienic look. The palette reflects trust, cleanliness, and comfort across packaging and digital touchpoints.
kleenex.comKleenex colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Kleenex BluePrimary0, 92, 185
- Kleenex WhiteSecondary255, 255, 255
- Kleenex Light BlueAccent0, 147, 215
Surfaces
Page, cards and dividers.- Kleenex Soft GrayBackground247, 247, 247
- Kleenex Surface GraySurface229, 232, 235
- Kleenex Border GrayBorder194, 201, 209
Text
Three tiers of copy.- Kleenex CharcoalText34, 34, 34
- Kleenex SlateSecondary text92, 102, 112
- Kleenex Muted GrayMuted text140, 152, 164
Semantic
Feedback and state colors.- Kleenex Success GreenSuccess75, 181, 67
- Kleenex Warning OrangeWarning245, 166, 35
- Kleenex Error RedError215, 38, 61
- Kleenex Info BlueInfo0, 147, 215
Use Kleenex's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
kleenex-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0093D7;
--error: #D7263D;
--accent: #0093D7;
--border: #C2C9D1;
--primary: #005CB9;
--success: #4BB543;
--surface: #E5E8EB;
--warning: #F5A623;
--secondary: #FFFFFF;
--text-muted: #8C98A4;
--background: #F7F7F7;
--text-primary: #222222;
--text-secondary: #5C6670;
}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.9:1
Pass
Text on surface
Needs 4.5:1 for body text
12.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.8:1
Pass
Muted text on background
Needs 3:1 for large text
2.7:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Kleenex gray and neutral colors
The quiet part of the Kleenex palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Kleenex Soft GrayBackground
- HEX
- RGB
- HSL
- Kleenex Surface GraySurface
- HEX
- RGB
- HSL
- Kleenex Border GrayBorder
- HEX
- RGB
- HSL
- Kleenex CharcoalText
- HEX
- RGB
- HSL
- Kleenex SlateSecondary text
- HEX
- RGB
- HSL
- Kleenex Muted GrayMuted text
- HEX
- RGB
- HSL
About Kleenex's colors
Kleenex's palette centers on blue and white, evoking cleanliness and trust. Subtle grays and accent blues support a calm, approachable brand presence.
Primary blue pairs with white for high contrast.
Accent blue is used for highlights and calls to action.
Grays provide neutral backgrounds and UI structure.
Psychology
Blue conveys reliability and hygiene, essential for a tissue brand. White and soft grays reinforce a sense of purity and comfort.
Evolution
Kleenex has consistently used blue and white since its inception, with minor adjustments to blue tones for digital clarity. The palette has remained stable, focusing on brand recognition and trust.
Where Kleenex uses each color
- Primary
Used in the logo, navigation bars, and primary buttons.
- Secondary
Backgrounds, packaging, and negative space.
- Accent
Highlights, links, and secondary buttons.
- Backgrounds
Main app and website backgrounds, behind product imagery.
- Text
Charcoal and slate grays for primary and secondary text on digital and print materials.
- Semantic
Green, orange, and red are reserved for status messages and alerts in digital interfaces.
Kleenex color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Kleenex blue is #005CB9, used as the primary brand color.
Kleenex Blue (#005CB9) is RGB(0, 92, 185) and CMYK(100, 50, 0, 27).
Kleenex uses Soft Gray (#F7F7F7), Surface Gray (#E5E8EB), and Border Gray (#C2C9D1) for backgrounds and UI elements.
Use Kleenex Blue (#005CB9) for primary actions and branding, with white and grays for backgrounds and structure. Accent blue (#0093D7) is for highlights, and semantic colors are for status indicators only.
The secondary color is Kleenex White, #FFFFFF, and the accent is Kleenex Light Blue, #0093D7. 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 Kleenex's colors consistently when it generates UI.
Make something in the spirit of Kleenex
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.