Crest color palette
ConsumerCrest is a dental care brand known for its signature blue color, representing cleanliness and trust. Its palette is clean, bright, and focused on conveying oral health and reliability.
crest.comCrest colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Crest BluePrimary0, 92, 185
- Crest RedSecondary228, 27, 19
- Crest AquaAccent0, 174, 239
Surfaces
Page, cards and dividers.- Crest WhiteBackground255, 255, 255
- Crest Light GraySurface244, 247, 250
- Crest Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Crest CharcoalText26, 26, 26
- Crest Medium GraySecondary text75, 85, 99
- Crest Muted Blue GrayMuted text138, 153, 166
Semantic
Feedback and state colors.- Crest GreenSuccess67, 176, 42
- Crest YellowWarning255, 199, 44
- Crest RedError228, 27, 19
- Crest AquaInfo0, 174, 239
Use Crest's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
crest-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00AEEF;
--error: #E41B13;
--accent: #00AEEF;
--border: #D1D5DB;
--primary: #005CB9;
--success: #43B02A;
--surface: #F4F7FA;
--warning: #FFC72C;
--secondary: #E41B13;
--text-muted: #8A99A6;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #4B5563;
}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.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.0:1
Pass
Muted text on background
Needs 3:1 for large text
2.9:1
Fail
Muted text on surface
Needs 3:1 for large text
2.7:1
Fail
Crest background, border and text colors
The quiet part of the Crest palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Crest WhiteBackground
- HEX
- RGB
- HSL
- Crest Light GraySurface
- HEX
- RGB
- HSL
- Crest Border GrayBorder
- HEX
- RGB
- HSL
- Crest CharcoalText
- HEX
- RGB
- HSL
- Crest Medium GraySecondary text
- HEX
- RGB
- HSL
- Crest Muted Blue GrayMuted text
- HEX
- RGB
- HSL
About Crest's colors
Crest's color system is dominated by blue, a color associated with cleanliness and trust, complemented by red for energy and aqua for freshness. The palette is balanced with neutral grays and white for clarity and approachability.
Primary blue is paired with white for strong contrast.
Red is used as an accent for urgency or highlights.
Aqua and green are used for freshness and success messaging.
Psychology
Blue evokes trust, security, and cleanliness, which are key for a dental care brand. Red adds a sense of energy and draws attention to important elements.
Evolution
Crest's palette has remained stable, with blue as the consistent core color since its inception. Minor adjustments have been made to accent and neutral tones to modernize the brand's digital presence.
Where Crest uses each color
- Primary
Crest Blue is used in the logo, navigation bars, and key call-to-action buttons.
- Secondary
Crest Red appears in highlights, promotional banners, and packaging details.
- Accent
Crest Aqua is used for links, icons, and freshness cues.
- Backgrounds
Crest White and Light Gray are used for page backgrounds and content surfaces.
- Text
Crest Charcoal and Medium Gray are used for primary and secondary text, ensuring readability.
- Semantic
Crest Green, Yellow, and Red are used for success, warning, and error states in forms and notifications.
Crest color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Crest brand color is Crest Blue, with the hex code #005CB9.
Crest Blue (#005CB9) has an RGB value of (0, 92, 185) and a CMYK value of (100, 50, 0, 27).
Crest uses Crest Light Gray (#F4F7FA), Crest Border Gray (#D1D5DB), and Crest Medium Gray (#4B5563) for backgrounds, borders, and secondary text.
Use Crest Blue (#005CB9) for primary actions and branding, Crest Red (#E41B13) for highlights and errors, and neutrals for backgrounds and text to maintain clarity and brand consistency.
The secondary color is Crest Red, #E41B13, and the accent is Crest Aqua, #00AEEF. 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 Crest's colors consistently when it generates UI.
Make something in the spirit of Crest
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.