Oral Care color palette
ConsumerOral Care brands typically use clean, clinical blues and whites to convey trust, hygiene, and freshness. Their color identity is rooted in healthcare and consumer trust.
oralcare.comOral Care colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Oral Care BluePrimary0, 147, 208
- Oral Care Deep BlueSecondary0, 91, 140
- Oral Care AquaAccent0, 181, 226
Surfaces
Page, cards and dividers.- Oral Care WhiteBackground255, 255, 255
- Oral Care Light BlueSurface244, 248, 251
- Oral Care Border GrayBorder224, 230, 234
Text
Three tiers of copy.- Oral Care CharcoalText34, 34, 34
- Oral Care GraySecondary text74, 74, 74
- Oral Care Muted BlueMuted text122, 138, 153
Semantic
Feedback and state colors.- Oral Care GreenSuccess76, 185, 68
- Oral Care YellowWarning255, 180, 0
- Oral Care RedError233, 79, 79
- Oral Care BlueInfo0, 147, 208
Use Oral Care's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
oral-care-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0093D0;
--error: #E94F4F;
--accent: #00B5E2;
--border: #E0E6EA;
--primary: #0093D0;
--success: #4CB944;
--surface: #F4F8FB;
--warning: #FFB400;
--secondary: #005B8C;
--text-muted: #7A8A99;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #4A4A4A;
}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
8.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
8.3:1
Pass
Muted text on background
Needs 3:1 for large text
3.5:1
Pass
Muted text on surface
Needs 3:1 for large text
3.3:1
Pass
Oral Care background, border and text colors
The quiet part of the Oral Care palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Oral Care WhiteBackground
- HEX
- RGB
- HSL
- Oral Care Light BlueSurface
- HEX
- RGB
- HSL
- Oral Care Border GrayBorder
- HEX
- RGB
- HSL
- Oral Care CharcoalText
- HEX
- RGB
- HSL
- Oral Care GraySecondary text
- HEX
- RGB
- HSL
- Oral Care Muted BlueMuted text
- HEX
- RGB
- HSL
About Oral Care's colors
Oral Care's palette is dominated by blue and white, evoking cleanliness and trust. Accent colors are used sparingly for clarity and hierarchy.
Primary blue paired with white for high contrast.
Deep blue used for navigation and headers.
Aqua accent highlights calls to action.
Psychology
Blue is associated with trust, reliability, and hygiene, which are crucial for oral health brands. White reinforces a sense of cleanliness and simplicity.
Evolution
The palette has remained stable, with blue and white as core colors for decades. Minor adjustments have been made to accent and neutral tones for digital clarity.
Where Oral Care uses each color
- Primary
Used in logos, primary buttons, and key navigation elements.
- Secondary
Appears in headers, footers, and secondary navigation bars.
- Accent
Used for call-to-action buttons and highlights on packaging.
- Backgrounds
White and light blue are used for page and app backgrounds.
- Text
Charcoal and gray are used for primary and secondary text throughout digital and print materials.
- Semantic
Green, yellow, and red are used for status indicators and alerts in digital interfaces.
Oral Care color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Oral Care brand color is #0093D0, known as Oral Care Blue.
Oral Care Blue (#0093D0) in RGB is (0, 147, 208) and in CMYK is (100, 29, 0, 18).
Oral Care uses #E0E6EA for borders and #F4F8FB for surfaces, providing a clean, clinical neutral base.
Primary blue (#0093D0) is reserved for key brand elements, while accents and neutrals support hierarchy and readability. Always use the specified hex codes for consistency.
The secondary color is Oral Care Deep Blue, #005B8C, and the accent is Oral Care Aqua, #00B5E2. Together with the primary they make up the three brand colors at the top of this page.
6 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 Oral Care's colors consistently when it generates UI.
Make something in the spirit of Oral Care
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.