Ecommerce Color Palettes for Product Pages and Online Stores
Conversion-friendly ecommerce color palettes for product cards, checkout pages, sales banners and store branding.
Best for
- Online stores
- Product pages
- Checkout flows
- Sale campaigns
Usage tips
- Use green only for primary purchase actions.
- Use red sparingly for discounts or stock alerts.
- Keep checkout backgrounds simple to reduce friction.
CSS variables
:root {
--palette-1: #18181B;
--palette-2: #FAFAFA;
--palette-3: #16A34A;
--palette-4: #DC2626;
--palette-5: #0369A1;
}