Etsy Color Palette
The Etsy brand owes much of its visual impact to this Red-rooted palette. Discover the hex codes that define one of retail's most recognized identities.
Etsy Primary
Etsy Accent
The Visual Identity of Etsy
Color Systems & Brand Psychology
Primary Hue
Etsy's primary color #F56400 sits in the red spectrum — a spectrum that design research links to feelings of passion and urgency among everyday shoppers.
Industry Psychology
The psychology behind Etsy's red palette is rooted in how everyday shoppers perceive color in retail. Studies on color cognition confirm that red consistently elicits passion — making it an effective foundation for a brand competing in e-commerce.
Strategic Usage
These color values are design specifications, not decorative choices. Etsy's consistency in applying this palette across e-commerce ensures every touchpoint reinforces the same brand message — making passion an immediately recognisable quality of the brand.
UI Design & Application Guide
Thinking of using the Etsy color palette in your next project? Here is a professional guide on how to apply these colors effectively for web and mobile interfaces.
When using #F56400 as a background, strict accessibility standards (WCAG) recommend using #111827 for your typeface to ensure maximum readability.
Etsy Primary to ensure consistency across all retail mockups.
Technical Color Data Table
For developers and designers, accuracy is non-negotiable. Below are the precise conversions.
| Color Name | HEX Code | RGB Values | CSS Variable |
|---|---|---|---|
| Etsy Primary | #F56400 | rgb(245, 100, 0) | var(--etsy-primary) |
| Etsy Accent 1 | #000000 | rgb(0, 0, 0) | var(--etsy-color-2) |
CSS Implementation
Copy this CSS snippet to your :root to instantly implement the Etsy brand styles.
:root {
--etsy-primary: #F56400;
--etsy-color-2: #000000;
}
Explore Related Brand Palettes
Compare Etsy with other top brands in our database.