Yankee Candle color palette
ConsumerYankee Candle's brand identity uses a deep green as its signature color, complemented by warm neutrals and classic dark tones for a cozy, premium feel. The palette reflects the brand's heritage in home fragrance and its association with comfort and tradition.
yankeecandle.comYankee Candle colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Yankee Candle GreenPrimary37, 82, 59
- Yankee Candle TaupeSecondary165, 157, 145
- Yankee Candle SandAccent203, 191, 163
Surfaces
Page, cards and dividers.- Yankee Candle CreamBackground245, 243, 239
- Yankee Candle WhiteSurface255, 255, 255
- Yankee Candle Border GrayBorder214, 210, 202
Text
Three tiers of copy.- Yankee Candle CharcoalText26, 26, 24
- Yankee Candle Warm GraySecondary text92, 92, 87
- Yankee Candle TaupeMuted text165, 157, 145
Semantic
Feedback and state colors.- Yankee Candle SageSuccess106, 143, 107
- Yankee Candle AmberWarning226, 184, 111
- Yankee Candle CranberryError176, 74, 74
- Yankee Candle SlateInfo125, 140, 140
Use Yankee Candle's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
yankee-candle-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #7D8C8C;
--error: #B04A4A;
--accent: #CBBFA3;
--border: #D6D2CA;
--primary: #25523B;
--success: #6A8F6B;
--surface: #FFFFFF;
--warning: #E2B86F;
--secondary: #A59D91;
--text-muted: #A59D91;
--background: #F5F3EF;
--text-primary: #1A1A18;
--text-secondary: #5C5C57;
}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.7:1
Pass
Text on surface
Needs 4.5:1 for body text
17.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.7: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.7:1
Fail
Yankee Candle background, border and text colors
The quiet part of the Yankee Candle palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Yankee Candle CreamBackground
- HEX
- RGB
- HSL
- Yankee Candle WhiteSurface
- HEX
- RGB
- HSL
- Yankee Candle Border GrayBorder
- HEX
- RGB
- HSL
- Yankee Candle CharcoalText
- HEX
- RGB
- HSL
- Yankee Candle Warm GraySecondary text
- HEX
- RGB
- HSL
- Yankee Candle TaupeMuted text
- HEX
- RGB
- HSL
About Yankee Candle's colors
Yankee Candle's palette is grounded in deep green and warm neutrals, evoking comfort and nature. The colors are chosen to reinforce a sense of home and timelessness.
Primary green pairs with taupe and cream for balance.
Accent sand highlights call-to-actions and packaging.
Dark charcoal provides contrast for text and navigation.
Psychology
The deep green conveys calm, tradition, and a connection to nature, while warm neutrals evoke coziness and trust. This combination supports the brand's positioning as a comforting, premium home fragrance provider.
Evolution
The palette has remained largely stable, with the signature green and taupe in use for decades. Recent updates have refined the neutrals for digital clarity and accessibility.
Where Yankee Candle uses each color
- Primary
Yankee Candle Green is used in the logo, main navigation, and key buttons.
- Secondary
Taupe appears in backgrounds, secondary buttons, and product packaging.
- Accent
Sand is used for highlights, promotional banners, and subtle UI elements.
- Backgrounds
Cream and white are used for main page backgrounds and product displays.
- Text
Charcoal is the primary text color, with warm gray and taupe for secondary and muted text.
- Semantic
Sage, amber, cranberry, and slate are used for status messages, alerts, and informational banners.
Yankee Candle color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Yankee Candle brand color is a deep green: #25523B.
Yankee Candle Green (#25523B) in RGB is (37, 82, 59). For CMYK, it is approximately (55, 0, 28, 68).
Yankee Candle uses Taupe (#A59D91), Cream (#F5F3EF), and Border Gray (#D6D2CA) as its main neutral tones for backgrounds and UI elements.
Primary green should dominate navigation and key actions, while taupe and cream provide supportive backgrounds. Accent and semantic colors are reserved for highlights, alerts, and secondary UI elements.
The secondary color is Yankee Candle Taupe, #A59D91, and the accent is Yankee Candle Sand, #CBBFA3. 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 Yankee Candle's colors consistently when it generates UI.
Make something in the spirit of Yankee Candle
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.