Palette · 10 colors · Lc 9.4
Warrior Queen Canvas palette
Warrior Queen Canvas: a 10-color palette (Red, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #FEE4F0, #FCBAD6, #E992AC, #E87593, #CA5177, #A6294C, #860F38, #5C0125, #340014, #130105, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FEE4F0
surface
#FCBAD6
muted
#E992AC
primary
#E87593
secondary
#CA5177
accent
#A6294C
highlight
#860F38
border
#5C0125
focus
#340014
text
#130105
Colors in Warrior Queen Canvas: HEX, RGB, HSL & OKLCH
- #FEE4F0 color page →
bg
#FEE4F0
- RGB
- rgb(254 228 240)
- HSL
- hsl(332 93% 95%)
- OKLCH
- oklch(0.943 0.032 348.1)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.56:1 (AAA)
- #FCBAD6 color page →
surface
#FCBAD6
- RGB
- rgb(252 186 214)
- HSL
- hsl(335 92% 86%)
- OKLCH
- oklch(0.857 0.084 351.8)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.13:1 (AAA)
- #E992AC color page →
muted
#E992AC
- RGB
- rgb(233 146 172)
- HSL
- hsl(342 66% 74%)
- OKLCH
- oklch(0.756 0.109 0.7)
WCAG contrast: on white 2.28:1 (Fail) · on black 9.17:1 (AAA)
- #E87593 color page →
primary
#E87593
- RGB
- rgb(232 117 147)
- HSL
- hsl(344 71% 68%)
- OKLCH
- oklch(0.702 0.145 5)
WCAG contrast: on white 2.83:1 (Fail) · on black 7.39:1 (AAA)
- #CA5177 color page →
secondary
#CA5177
- RGB
- rgb(202 81 119)
- HSL
- hsl(341 53% 55%)
- OKLCH
- oklch(0.603 0.157 3.5)
WCAG contrast: on white 4.23:1 (Fail) · on black 4.95:1 (AA)
- #A6294C color page →
accent
#A6294C
- RGB
- rgb(166 41 76)
- HSL
- hsl(343 60% 41%)
- OKLCH
- oklch(0.488 0.161 9.3)
WCAG contrast: on white 6.90:1 (AA) · on black 3.04:1 (Fail)
- #860F38 color page →
highlight
#860F38
- RGB
- rgb(134 15 56)
- HSL
- hsl(339 80% 29%)
- OKLCH
- oklch(0.404 0.151 8.6)
WCAG contrast: on white 9.81:1 (AAA) · on black 2.13:1 (Fail)
- #5C0125 color page →
border
#5C0125
- RGB
- rgb(92 1 37)
- HSL
- hsl(336 98% 18%)
- OKLCH
- oklch(0.306 0.121 6.6)
WCAG contrast: on white 14.13:1 (AAA) · on black 1.48:1 (Fail)
- #340014 color page →
focus
#340014
- RGB
- rgb(52 0 20)
- HSL
- hsl(337 100% 10%)
- OKLCH
- oklch(0.209 0.084 3.5)
WCAG contrast: on white 18.16:1 (AAA) · on black 1.15:1 (Fail)
- #130105 color page →
text
#130105
- RGB
- rgb(19 1 5)
- HSL
- hsl(347 90% 4%)
- OKLCH
- oklch(0.125 0.043 4.1)
WCAG contrast: on white 20.30:1 (AAA) · on black 1.03:1 (Fail)
Export Warrior Queen Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fee4f0;
--surface: #fcbad6;
--muted: #e992ac;
--primary: #e87593;
--secondary: #ca5177;
--accent: #a6294c;
--highlight: #860f38;
--border: #5c0125;
--focus: #340014;
--text: #130105;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fee4f0;
--color-surface: #fcbad6;
--color-muted: #e992ac;
--color-primary: #e87593;
--color-secondary: #ca5177;
--color-accent: #a6294c;
--color-highlight: #860f38;
--color-border: #5c0125;
--color-focus: #340014;
--color-text: #130105;
}JSON (DTCG tokens)
{
"warrior-queen-canvas-7no": {
"bg": {
"$type": "color",
"$value": "#fee4f0"
},
"surface": {
"$type": "color",
"$value": "#fcbad6"
},
"muted": {
"$type": "color",
"$value": "#e992ac"
},
"primary": {
"$type": "color",
"$value": "#e87593"
},
"secondary": {
"$type": "color",
"$value": "#ca5177"
},
"accent": {
"$type": "color",
"$value": "#a6294c"
},
"highlight": {
"$type": "color",
"$value": "#860f38"
},
"border": {
"$type": "color",
"$value": "#5c0125"
},
"focus": {
"$type": "color",
"$value": "#340014"
},
"text": {
"$type": "color",
"$value": "#130105"
}
}
}About this palette
Warrior Queen Canvas is a 10-color OKLCH-ready palette tagged red, warm, 10 colors. Hex values: #FEE4F0, #FCBAD6, #E992AC, #E87593, #CA5177, #A6294C, #860F38, #5C0125, #340014, #130105. APCA contrast score Lc 9.4. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Warrior Queen Canvas by OKLab color distance.