Palette · 3 colors · Lc 9.5
Violet Vamp Orchard palette
Violet Vamp Orchard: a 3-color palette (Red, Gray, Warm, Pastel). HEX, RGB, HSL and OKLCH for #F3EFF6, #E1B4D6, #39323E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F3EFF6
accent
#E1B4D6
text
#39323E
Colors in Violet Vamp Orchard: HEX, RGB, HSL & OKLCH
- #F3EFF6 color page →
bg
#F3EFF6
- RGB
- rgb(243 239 246)
- HSL
- hsl(274 28% 95%)
- OKLCH
- oklch(0.957 0.01 311.2)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.48:1 (AAA)
- #E1B4D6 color page →
accent
#E1B4D6
- RGB
- rgb(225 180 214)
- HSL
- hsl(315 43% 79%)
- OKLCH
- oklch(0.82 0.068 335)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.70:1 (AAA)
- #39323E color page →
text
#39323E
- RGB
- rgb(57 50 62)
- HSL
- hsl(275 11% 22%)
- OKLCH
- oklch(0.329 0.023 311.2)
WCAG contrast: on white 12.35:1 (AAA) · on black 1.69:1 (Fail)
Export Violet Vamp Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3eff6;
--accent: #e1b4d6;
--text: #39323e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3eff6;
--color-accent: #e1b4d6;
--color-text: #39323e;
}JSON (DTCG tokens)
{
"violet-vamp-orchard-85": {
"bg": {
"$type": "color",
"$value": "#f3eff6"
},
"accent": {
"$type": "color",
"$value": "#e1b4d6"
},
"text": {
"$type": "color",
"$value": "#39323e"
}
}
}About this palette
Violet Vamp Orchard is a 3-color OKLCH-ready palette tagged red, gray, warm, pastel, 3 colors. Hex values: #F3EFF6, #E1B4D6, #39323E. APCA contrast score Lc 9.5. 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 Vamp Orchard by OKLab color distance.