Spicy Sichuan Pepper

Fiery Sichuan culinary palette infused with toasted chili oil, crushed peppercorns, and bubbling hot pots.

#Food#Bold#Warm#Vibrant#Creative
Open in Generator
COLOR 1
#330000
Aubergine
COLOR 2
#7A0000
Maroon
COLOR 3
#C41E3A
Aka Crimson
COLOR 4
#E63946
Sunset Crimson
COLOR 5
#FFB703
Sunset Gold

Color Values & Codes

HEX · RGB · HSL
Aubergine
#330000
rgb(51, 0, 0)hsl(0, 100%, 10%)Color details →
Maroon
#7A0000
rgb(122, 0, 0)hsl(0, 100%, 24%)Color details →
rgb(196, 30, 58)hsl(350, 73%, 44%)Color details →
rgb(230, 57, 70)hsl(355, 78%, 56%)Color details →
rgb(255, 183, 3)hsl(43, 100%, 51%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #330000;
  --color-2: #7A0000;
  --color-3: #C41E3A;
  --color-4: #E63946;
  --color-5: #FFB703;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#330000 on #E639464.42:1
Large Text Only (Pass)
Sample Text
#330000 on #FFB70310.54:1
Normal Text AA Pass
Sample Text
#7A0000 on #E639462.76:1
Large Text Only (Fail)
Sample Text
#7A0000 on #FFB7036.58:1
Normal Text AA Pass
Sample Text
#C41E3A on #E639461.40:1
Large Text Only (Fail)
Sample Text
#C41E3A on #FFB7033.35:1
Large Text Only (Pass)