Palette · 4 colors · Lc 8.6
Violet Vixen Forge palette
Violet Vixen Forge: a 4-color palette (Red, Warm, Sunset, 4 Colors). HEX, RGB, HSL and OKLCH for #FFDBCE, #FD9590, #8B306C, #101130, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFDBCE
surface
#FD9590
accent
#8B306C
text
#101130
Colors in Violet Vixen Forge: HEX, RGB, HSL & OKLCH
- #FFDBCE color page →
bg
#FFDBCE
- RGB
- rgb(255 219 206)
- HSL
- hsl(16 100% 90%)
- OKLCH
- oklch(0.918 0.044 40.9)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.27:1 (AAA)
- #FD9590 color page →
surface
#FD9590
- RGB
- rgb(253 149 144)
- HSL
- hsl(3 96% 78%)
- OKLCH
- oklch(0.778 0.126 23.3)
WCAG contrast: on white 2.12:1 (Fail) · on black 9.87:1 (AAA)
- #8B306C color page →
accent
#8B306C
- RGB
- rgb(139 48 108)
- HSL
- hsl(320 49% 37%)
- OKLCH
- oklch(0.461 0.141 343.6)
WCAG contrast: on white 7.67:1 (AAA) · on black 2.73:1 (Fail)
- #101130 color page →
text
#101130
- RGB
- rgb(16 17 48)
- HSL
- hsl(238 50% 13%)
- OKLCH
- oklch(0.198 0.06 277.9)
WCAG contrast: on white 18.34:1 (AAA) · on black 1.14:1 (Fail)
Export Violet Vixen Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffdbce;
--surface: #fd9590;
--accent: #8b306c;
--text: #101130;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffdbce;
--color-surface: #fd9590;
--color-accent: #8b306c;
--color-text: #101130;
}JSON (DTCG tokens)
{
"violet-vixen-forge-5g3": {
"bg": {
"$type": "color",
"$value": "#ffdbce"
},
"surface": {
"$type": "color",
"$value": "#fd9590"
},
"accent": {
"$type": "color",
"$value": "#8b306c"
},
"text": {
"$type": "color",
"$value": "#101130"
}
}
}About this palette
Violet Vixen Forge is a 4-color OKLCH-ready palette tagged red, warm, sunset, 4 colors. Hex values: #FFDBCE, #FD9590, #8B306C, #101130. APCA contrast score Lc 8.6. 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 Violet Vixen Forge by OKLab color distance.