Palette · 10 colors · Lc 8.5
Classic Preppy Rose Bloom palette
Classic Preppy Rose Bloom: a 10-color palette (Red, Warm, Sunset, 10 Colors). HEX, RGB, HSL and OKLCH for #FFDBD7, #FFC1BB, #FF9AA1, #E47B93, #D66592, #B64B76, #913578, #6A3068, #342858, #0A1328, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFDBD7
surface
#FFC1BB
muted
#FF9AA1
primary
#E47B93
secondary
#D66592
accent
#B64B76
highlight
#913578
border
#6A3068
focus
#342858
text
#0A1328
Colors in Classic Preppy Rose Bloom: HEX, RGB, HSL & OKLCH
- #FFDBD7 color page →
bg
#FFDBD7
- RGB
- rgb(255 219 215)
- HSL
- hsl(6 100% 92%)
- OKLCH
- oklch(0.92 0.041 25.4)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.36:1 (AAA)
- #FFC1BB color page →
surface
#FFC1BB
- RGB
- rgb(255 193 187)
- HSL
- hsl(5 100% 87%)
- OKLCH
- oklch(0.865 0.072 25)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.59:1 (AAA)
- #FF9AA1 color page →
muted
#FF9AA1
- RGB
- rgb(255 154 161)
- HSL
- hsl(356 100% 80%)
- OKLCH
- oklch(0.792 0.121 15.7)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.38:1 (AAA)
- #E47B93 color page →
primary
#E47B93
- RGB
- rgb(228 123 147)
- HSL
- hsl(346 66% 69%)
- OKLCH
- oklch(0.706 0.132 6.4)
WCAG contrast: on white 2.78:1 (Fail) · on black 7.55:1 (AAA)
- #D66592 color page →
secondary
#D66592
- RGB
- rgb(214 101 146)
- HSL
- hsl(336 58% 62%)
- OKLCH
- oklch(0.655 0.149 357)
WCAG contrast: on white 3.42:1 (Fail) · on black 6.13:1 (AA)
- #B64B76 color page →
accent
#B64B76
- RGB
- rgb(182 75 118)
- HSL
- hsl(336 42% 50%)
- OKLCH
- oklch(0.565 0.145 357.7)
WCAG contrast: on white 4.93:1 (AA) · on black 4.25:1 (Fail)
- #913578 color page →
highlight
#913578
- RGB
- rgb(145 53 120)
- HSL
- hsl(316 46% 39%)
- OKLCH
- oklch(0.482 0.147 339.8)
WCAG contrast: on white 7.03:1 (AAA) · on black 2.98:1 (Fail)
- #6A3068 color page →
border
#6A3068
- RGB
- rgb(106 48 104)
- HSL
- hsl(302 38% 30%)
- OKLCH
- oklch(0.41 0.113 328.7)
WCAG contrast: on white 9.39:1 (AAA) · on black 2.23:1 (Fail)
- #342858 color page →
focus
#342858
- RGB
- rgb(52 40 88)
- HSL
- hsl(255 38% 25%)
- OKLCH
- oklch(0.317 0.083 292.5)
WCAG contrast: on white 13.20:1 (AAA) · on black 1.59:1 (Fail)
- #0A1328 color page →
text
#0A1328
- RGB
- rgb(10 19 40)
- HSL
- hsl(222 60% 10%)
- OKLCH
- oklch(0.191 0.045 265)
WCAG contrast: on white 18.47:1 (AAA) · on black 1.13:1 (Fail)
Export Classic Preppy Rose Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffdbd7;
--surface: #ffc1bb;
--muted: #ff9aa1;
--primary: #e47b93;
--secondary: #d66592;
--accent: #b64b76;
--highlight: #913578;
--border: #6a3068;
--focus: #342858;
--text: #0a1328;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffdbd7;
--color-surface: #ffc1bb;
--color-muted: #ff9aa1;
--color-primary: #e47b93;
--color-secondary: #d66592;
--color-accent: #b64b76;
--color-highlight: #913578;
--color-border: #6a3068;
--color-focus: #342858;
--color-text: #0a1328;
}JSON (DTCG tokens)
{
"classic-preppy-rose-bloom-4ec": {
"bg": {
"$type": "color",
"$value": "#ffdbd7"
},
"surface": {
"$type": "color",
"$value": "#ffc1bb"
},
"muted": {
"$type": "color",
"$value": "#ff9aa1"
},
"primary": {
"$type": "color",
"$value": "#e47b93"
},
"secondary": {
"$type": "color",
"$value": "#d66592"
},
"accent": {
"$type": "color",
"$value": "#b64b76"
},
"highlight": {
"$type": "color",
"$value": "#913578"
},
"border": {
"$type": "color",
"$value": "#6a3068"
},
"focus": {
"$type": "color",
"$value": "#342858"
},
"text": {
"$type": "color",
"$value": "#0a1328"
}
}
}About this palette
Classic Preppy Rose Bloom is a 10-color OKLCH-ready palette tagged red, warm, sunset, 10 colors. Hex values: #FFDBD7, #FFC1BB, #FF9AA1, #E47B93, #D66592, #B64B76, #913578, #6A3068, #342858, #0A1328. APCA contrast score Lc 8.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 Classic Preppy Rose Bloom by OKLab color distance.