Color palette
Electric Pop
bold · orange, pink, purple, blue
Contrast ratios are each swatch against its best of black/white text. AA = WCAG normal-text pass (≥ 4.5:1).
CSS variables
:root {
--color-1: #FF006E;
--color-2: #FB5607;
--color-3: #FFBE0B;
--color-4: #8338EC;
--color-5: #3A86FF;
} Tailwind
theme: {
colors: {
'c1': '#FF006E',
'c2': '#FB5607',
'c3': '#FFBE0B',
'c4': '#8338EC',
'c5': '#3A86FF',
}
} JSON
[ "#FF006E", "#FB5607", "#FFBE0B", "#8338EC", "#3A86FF" ]