conversionenergetictrustworthyaction-oriented

E-commerce Conversion

Optimized palette for e-commerce with strong call-to-action colors.

Color Palette

background

Light Background

gray-50

#f9fafb

surface

Product Card

white

#ffffff

primary

Text Dark

gray-900

#111827

secondary

Price Gray

gray-500

#6b7280

accent

Buy Now Orange

orange-600

#ea580c

Preview

Sample Heading

This is sample text using the secondary color from the palette.

Best For

Online stores, marketplaces, product pages, shopping carts

CSS Variables

--bg: theme('colors.gray.50');
--surface: theme('colors.white');
--primary: theme('colors.gray.900');
--secondary: theme('colors.gray.500');
--accent: theme('colors.orange.600');

Tailwind Classes

background:gray-50

surface:white

primary:gray-900

secondary:gray-500

accent:orange-600

#ecommerce#conversion#shopping#retail