Palette · 8 colors · Lc 8.7
Pure Velour Scar Noir palette
Pure Velour Scar Noir: a 8-color palette (Red, Gray, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #F5ECEE, #CCBEC6, #BD9DB2, #A47C8E, #8D5C67, #684A4E, #432A2D, #22191C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5ECEE
surface
#CCBEC6
muted
#BD9DB2
primary
#A47C8E
secondary
#8D5C67
accent
#684A4E
highlight
#432A2D
text
#22191C
Colors in Pure Velour Scar Noir: HEX, RGB, HSL & OKLCH
- #F5ECEE color page →
bg
#F5ECEE
- RGB
- rgb(245 236 238)
- HSL
- hsl(347 31% 94%)
- OKLCH
- oklch(0.951 0.01 2)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.11:1 (AAA)
- #CCBEC6 color page →
surface
#CCBEC6
- RGB
- rgb(204 190 198)
- HSL
- hsl(326 12% 77%)
- OKLCH
- oklch(0.815 0.019 342.1)
WCAG contrast: on white 1.78:1 (Fail) · on black 11.74:1 (AAA)
- #BD9DB2 color page →
muted
#BD9DB2
- RGB
- rgb(189 157 178)
- HSL
- hsl(321 20% 68%)
- OKLCH
- oklch(0.731 0.047 339)
WCAG contrast: on white 2.43:1 (Fail) · on black 8.62:1 (AAA)
- #A47C8E color page →
primary
#A47C8E
- RGB
- rgb(164 124 142)
- HSL
- hsl(333 18% 56%)
- OKLCH
- oklch(0.631 0.055 350.1)
WCAG contrast: on white 3.58:1 (Fail) · on black 5.85:1 (AA)
- #8D5C67 color page →
secondary
#8D5C67
- RGB
- rgb(141 92 103)
- HSL
- hsl(347 21% 46%)
- OKLCH
- oklch(0.531 0.066 4.9)
WCAG contrast: on white 5.44:1 (AA) · on black 3.85:1 (Fail)
- #684A4E color page →
accent
#684A4E
- RGB
- rgb(104 74 78)
- HSL
- hsl(352 17% 35%)
- OKLCH
- oklch(0.443 0.041 10)
WCAG contrast: on white 7.84:1 (AAA) · on black 2.67:1 (Fail)
- #432A2D color page →
highlight
#432A2D
- RGB
- rgb(67 42 45)
- HSL
- hsl(353 23% 21%)
- OKLCH
- oklch(0.317 0.038 11.6)
WCAG contrast: on white 13.06:1 (AAA) · on black 1.60:1 (Fail)
- #22191C color page →
text
#22191C
- RGB
- rgb(34 25 28)
- HSL
- hsl(340 15% 12%)
- OKLCH
- oklch(0.226 0.015 356.5)
WCAG contrast: on white 17.15:1 (AAA) · on black 1.22:1 (Fail)
Export Pure Velour Scar Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5ecee;
--surface: #ccbec6;
--muted: #bd9db2;
--primary: #a47c8e;
--secondary: #8d5c67;
--accent: #684a4e;
--highlight: #432a2d;
--text: #22191c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5ecee;
--color-surface: #ccbec6;
--color-muted: #bd9db2;
--color-primary: #a47c8e;
--color-secondary: #8d5c67;
--color-accent: #684a4e;
--color-highlight: #432a2d;
--color-text: #22191c;
}JSON (DTCG tokens)
{
"pure-velour-scar-noir-2g5": {
"bg": {
"$type": "color",
"$value": "#f5ecee"
},
"surface": {
"$type": "color",
"$value": "#ccbec6"
},
"muted": {
"$type": "color",
"$value": "#bd9db2"
},
"primary": {
"$type": "color",
"$value": "#a47c8e"
},
"secondary": {
"$type": "color",
"$value": "#8d5c67"
},
"accent": {
"$type": "color",
"$value": "#684a4e"
},
"highlight": {
"$type": "color",
"$value": "#432a2d"
},
"text": {
"$type": "color",
"$value": "#22191c"
}
}
}About this palette
Pure Velour Scar Noir is a 8-color OKLCH-ready palette tagged red, gray, warm, 8 colors. Hex values: #F5ECEE, #CCBEC6, #BD9DB2, #A47C8E, #8D5C67, #684A4E, #432A2D, #22191C. APCA contrast score Lc 8.7. 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 Pure Velour Scar Noir by OKLab color distance.