Ecommerce color palette
Ecommerce Color Palette is a curated ecommerce palette built for a sale visual direction. Use it for product grids, discount pages, cart recovery, checkout helpers, and product comparison tools where promotions need visibility but product information must remain trustworthy. The palette combines Sale red (#DC2626), Cart blue (#2563EB), Stock green (#16A34A), Deal yellow (#FBBF24), Shelf white (#FFFFFF). Recommended ratio: 60% Shelf white, 17% Cart blue, 10% Sale red, 8% Stock green, 5% Deal yellow. Best fit: product pages, deal hubs, checkout flows, cart recovery, and comparison shopping tools. Use Sale red for actual discounts and urgency so shoppers do not stop trusting promotional labels. Treat these colors as a production starting point: test text contrast, check interactive states, and adjust saturation around real photography, typography, and brand constraints before launch.
Discount badges and urgent offers
Primary buttons and checkout links
Availability and success states
Limited-time labels and price highlights
Product cards and checkout forms
Recommended ratio: 60% Shelf white, 17% Cart blue, 10% Sale red, 8% Stock green, 5% Deal yellow.
Best fit: product pages, deal hubs, checkout flows, cart recovery, and comparison shopping tools.
Use Sale red for actual discounts and urgency so shoppers do not stop trusting promotional labels.