Palette · 10 colors · Lc 8.7
Razzle Dazzle Studio palette
Razzle Dazzle Studio: a 10-color palette (Red, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #F4E7EB, #F0C4DC, #D4A1CD, #CE81C5, #BC619B, #BA4279, #9B2A3D, #720F17, #501A25, #2B0A1C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4E7EB
surface
#F0C4DC
muted
#D4A1CD
primary
#CE81C5
secondary
#BC619B
accent
#BA4279
highlight
#9B2A3D
border
#720F17
focus
#501A25
text
#2B0A1C
Colors in Razzle Dazzle Studio: HEX, RGB, HSL & OKLCH
- #F4E7EB color page →
bg
#F4E7EB
- RGB
- rgb(244 231 235)
- HSL
- hsl(342 37% 93%)
- OKLCH
- oklch(0.939 0.015 356.6)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.47:1 (AAA)
- #F0C4DC color page →
surface
#F0C4DC
- RGB
- rgb(240 196 220)
- HSL
- hsl(327 59% 85%)
- OKLCH
- oklch(0.866 0.059 344.4)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.63:1 (AAA)
- #D4A1CD color page →
muted
#D4A1CD
- RGB
- rgb(212 161 205)
- HSL
- hsl(308 37% 73%)
- OKLCH
- oklch(0.77 0.084 331.1)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.77:1 (AAA)
- #CE81C5 color page →
primary
#CE81C5
- RGB
- rgb(206 129 197)
- HSL
- hsl(307 44% 66%)
- OKLCH
- oklch(0.706 0.129 331.1)
WCAG contrast: on white 2.77:1 (Fail) · on black 7.57:1 (AAA)
- #BC619B color page →
secondary
#BC619B
- RGB
- rgb(188 97 155)
- HSL
- hsl(322 40% 56%)
- OKLCH
- oklch(0.618 0.136 342.9)
WCAG contrast: on white 3.94:1 (Fail) · on black 5.32:1 (AA)
- #BA4279 color page →
accent
#BA4279
- RGB
- rgb(186 66 121)
- HSL
- hsl(333 48% 49%)
- OKLCH
- oklch(0.561 0.163 355.3)
WCAG contrast: on white 5.06:1 (AA) · on black 4.14:1 (Fail)
- #9B2A3D color page →
highlight
#9B2A3D
- RGB
- rgb(155 42 61)
- HSL
- hsl(350 57% 39%)
- OKLCH
- oklch(0.466 0.148 15.6)
WCAG contrast: on white 7.52:1 (AAA) · on black 2.79:1 (Fail)
- #720F17 color page →
border
#720F17
- RGB
- rgb(114 15 23)
- HSL
- hsl(355 77% 25%)
- OKLCH
- oklch(0.358 0.131 23.7)
WCAG contrast: on white 11.69:1 (AAA) · on black 1.79:1 (Fail)
- #501A25 color page →
focus
#501A25
- RGB
- rgb(80 26 37)
- HSL
- hsl(348 51% 21%)
- OKLCH
- oklch(0.306 0.081 10.9)
WCAG contrast: on white 13.85:1 (AAA) · on black 1.51:1 (Fail)
- #2B0A1C color page →
text
#2B0A1C
- RGB
- rgb(43 10 28)
- HSL
- hsl(327 62% 10%)
- OKLCH
- oklch(0.209 0.06 349.7)
WCAG contrast: on white 18.05:1 (AAA) · on black 1.16:1 (Fail)
Export Razzle Dazzle Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4e7eb;
--surface: #f0c4dc;
--muted: #d4a1cd;
--primary: #ce81c5;
--secondary: #bc619b;
--accent: #ba4279;
--highlight: #9b2a3d;
--border: #720f17;
--focus: #501a25;
--text: #2b0a1c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4e7eb;
--color-surface: #f0c4dc;
--color-muted: #d4a1cd;
--color-primary: #ce81c5;
--color-secondary: #bc619b;
--color-accent: #ba4279;
--color-highlight: #9b2a3d;
--color-border: #720f17;
--color-focus: #501a25;
--color-text: #2b0a1c;
}JSON (DTCG tokens)
{
"razzle-dazzle-studio-73k": {
"bg": {
"$type": "color",
"$value": "#f4e7eb"
},
"surface": {
"$type": "color",
"$value": "#f0c4dc"
},
"muted": {
"$type": "color",
"$value": "#d4a1cd"
},
"primary": {
"$type": "color",
"$value": "#ce81c5"
},
"secondary": {
"$type": "color",
"$value": "#bc619b"
},
"accent": {
"$type": "color",
"$value": "#ba4279"
},
"highlight": {
"$type": "color",
"$value": "#9b2a3d"
},
"border": {
"$type": "color",
"$value": "#720f17"
},
"focus": {
"$type": "color",
"$value": "#501a25"
},
"text": {
"$type": "color",
"$value": "#2b0a1c"
}
}
}About this palette
Razzle Dazzle Studio is a 10-color OKLCH-ready palette tagged red, warm, 10 colors. Hex values: #F4E7EB, #F0C4DC, #D4A1CD, #CE81C5, #BC619B, #BA4279, #9B2A3D, #720F17, #501A25, #2B0A1C. 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 Razzle Dazzle Studio by OKLab color distance.