Gallery / Color palette
target.com color palette
The brand palette extracted from target.com — primary, accent, neutral, background, and text colors with copy-ready hex codes and one-click export to CSS, Tailwind, and design tokens. Last updated June 17, 2026.
Firebrick
#cc0000
rgb(204, 0, 0)
hsl(0, 100%, 40%)
Maroon
#661414
rgb(102, 20, 20)
hsl(0, 67%, 24%)
Light Blue
#b5d2eb
rgb(181, 210, 235)
hsl(208, 57%, 82%)
Teal
#05818a
rgb(5, 129, 138)
hsl(184, 93%, 28%)
White Smoke
#fbf5ef
rgb(251, 245, 239)
hsl(30, 60%, 96%)
Charcoal
#333333
rgb(51, 51, 51)
hsl(0, 0%, 20%)
Gray
#797979
rgb(121, 121, 121)
hsl(0, 0%, 47%)
:root {
--color-primary: #cc0000;
--color-accent-1: #661414;
--color-accent-2: #b5d2eb;
--color-accent-3: #05818a;
--color-background: #fbf5ef;
--color-text: #333333;
--color-neutral: #797979;
}@theme {
--color-primary: #cc0000;
--color-accent-1: #661414;
--color-accent-2: #b5d2eb;
--color-accent-3: #05818a;
--color-background: #fbf5ef;
--color-text: #333333;
--color-neutral: #797979;
}About the target.com color palette
target.com's brand palette is built around Firebrick (#CC0000) as its primary color, paired with Maroon (#661414) as an accent. Below are all 7 colors with copy-ready hex, RGB, and HSL values, plus one-click export to CSS variables, Tailwind, and design tokens.
- Firebrick · Primary
- — the dominant brand color — used for logos, primary buttons, and key moments.
- Maroon · Accent
- — a secondary highlight for links, callouts, and interactive states.
- Gray · Neutral
- — a supporting tone for borders, dividers, and muted UI surfaces.
- White Smoke · Background
- — the base surface the rest of the palette sits on.
- Charcoal · Text
- — the primary readable foreground color.
Frequently asked questions
- What is target.com's primary brand color?
- target.com's primary brand color is Firebrick, hex #CC0000.
- What accent color does target.com use?
- target.com pairs its primary with Maroon (#661414) as an accent.
- How many colors are in the target.com palette?
- This palette lists 7 role-labeled colors — primary, accent, neutral, background, and text — each with copy-ready hex, RGB, and HSL values.
- Can I use the target.com color palette?
- You can copy any hex code or export the whole palette to CSS variables, Tailwind, or design tokens. Brand colors may be trademarked, so use them for inspiration or compatibility — not to imitate a brand.
How target.com's colors have changed
Each time target.comupdated its brand colors, we captured the new palette. Here's the history, most recent first.
- Current#cc0000#661414#b5d2eb#05818a#fbf5ef#333333#797979
- #cae5a8#0e503f#980014#d69696#73a458#fefefe#333333#d3edef
- #c40202#de8d8c#aec9ea#e5b8be#e90b5a#fdfdfc#333333#e8ead8
- #cc0303#c3daaf#e59090#fbe560#fafbf9#333333#f1e6d6
- #cb0202#61c0bd#e16f6f#037571#fdfdfd#333333#c4c4c4
- #cc0101#e47a7a#fefefd#333333#eedfd1
- #cc0303#ffde2b#e78d8d#00707f#fefefe#333333#eedede
- #cc0303#ea9696#fcfcfc#333333#f2e5e5
- #cc0000#b3b3f9#0074b3#baa4d0#0000ee#fefefe
Want a palette from your own site?
Fetch a palette