Gallery / Color palette
homedepot.com color palette
The brand palette extracted from homedepot.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.
Pumpkin
#f96405
rgb(249, 100, 5)
hsl(23, 96%, 50%)
Sea Green
#0d864c
rgb(13, 134, 76)
hsl(151, 82%, 29%)
White
#fefefe
rgb(254, 254, 254)
hsl(0, 0%, 100%)
Charcoal
#202020
rgb(32, 32, 32)
hsl(0, 0%, 13%)
Gainsboro
#dedbda
rgb(222, 219, 218)
hsl(15, 6%, 86%)
:root {
--color-primary: #f96405;
--color-accent: #0d864c;
--color-background: #fefefe;
--color-text: #202020;
--color-neutral: #dedbda;
}@theme {
--color-primary: #f96405;
--color-accent: #0d864c;
--color-background: #fefefe;
--color-text: #202020;
--color-neutral: #dedbda;
}About the homedepot.com color palette
homedepot.com's brand palette is built around Pumpkin (#F96405) as its primary color, paired with Sea Green (#0D864C) as an accent. Below are all 5 colors with copy-ready hex, RGB, and HSL values, plus one-click export to CSS variables, Tailwind, and design tokens.
- Pumpkin · Primary
- — the dominant brand color — used for logos, primary buttons, and key moments.
- Sea Green · Accent
- — a secondary highlight for links, callouts, and interactive states.
- Gainsboro · Neutral
- — a supporting tone for borders, dividers, and muted UI surfaces.
- White · Background
- — the base surface the rest of the palette sits on.
- Charcoal · Text
- — the primary readable foreground color.
Frequently asked questions
- What is homedepot.com's primary brand color?
- homedepot.com's primary brand color is Pumpkin, hex #F96405.
- What accent color does homedepot.com use?
- homedepot.com pairs its primary with Sea Green (#0D864C) as an accent.
- How many colors are in the homedepot.com palette?
- This palette lists 5 role-labeled colors — primary, accent, neutral, background, and text — each with copy-ready hex, RGB, and HSL values.
- Can I use the homedepot.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.
Want a palette from your own site?
Fetch a palette