Palette · 7 colors · Lc 8.8
Classic Self-Love System palette
Classic Self-Love System: a 7-color palette (Red, Warm, Rainbow, 7 Colors). HEX, RGB, HSL and OKLCH for #F1ECF5, #B380DA, #CC2C6B, #7D6B00, #007D0A, #005062, #191022, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1ECF5
surface
#B380DA
muted
#CC2C6B
primary
#7D6B00
secondary
#007D0A
accent
#005062
text
#191022
Colors in Classic Self-Love System: HEX, RGB, HSL & OKLCH
- #F1ECF5 color page →
bg
#F1ECF5
- RGB
- rgb(241 236 245)
- HSL
- hsl(273 31% 94%)
- OKLCH
- oklch(0.95 0.013 310.5)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.05:1 (AAA)
- #B380DA color page →
surface
#B380DA
- RGB
- rgb(179 128 218)
- HSL
- hsl(274 55% 68%)
- OKLCH
- oklch(0.685 0.138 309.2)
WCAG contrast: on white 2.99:1 (Fail) · on black 7.01:1 (AAA)
- #CC2C6B color page →
muted
#CC2C6B
- RGB
- rgb(204 44 107)
- HSL
- hsl(336 65% 49%)
- OKLCH
- oklch(0.565 0.199 2.9)
WCAG contrast: on white 5.07:1 (AA) · on black 4.14:1 (Fail)
- #7D6B00 color page →
primary
#7D6B00
- RGB
- rgb(125 107 0)
- HSL
- hsl(51 100% 25%)
- OKLCH
- oklch(0.529 0.109 97.5)
WCAG contrast: on white 5.28:1 (AA) · on black 3.97:1 (Fail)
- #007D0A color page →
secondary
#007D0A
- RGB
- rgb(0 125 10)
- HSL
- hsl(125 100% 25%)
- OKLCH
- oklch(0.511 0.171 143)
WCAG contrast: on white 5.33:1 (AA) · on black 3.93:1 (Fail)
- #005062 color page →
accent
#005062
- RGB
- rgb(0 80 98)
- HSL
- hsl(191 100% 19%)
- OKLCH
- oklch(0.399 0.072 219.7)
WCAG contrast: on white 9.03:1 (AAA) · on black 2.32:1 (Fail)
- #191022 color page →
text
#191022
- RGB
- rgb(25 16 34)
- HSL
- hsl(270 36% 10%)
- OKLCH
- oklch(0.194 0.037 306.2)
WCAG contrast: on white 18.44:1 (AAA) · on black 1.13:1 (Fail)
Export Classic Self-Love System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1ecf5;
--surface: #b380da;
--muted: #cc2c6b;
--primary: #7d6b00;
--secondary: #007d0a;
--accent: #005062;
--text: #191022;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1ecf5;
--color-surface: #b380da;
--color-muted: #cc2c6b;
--color-primary: #7d6b00;
--color-secondary: #007d0a;
--color-accent: #005062;
--color-text: #191022;
}JSON (DTCG tokens)
{
"classic-self-love-system-f": {
"bg": {
"$type": "color",
"$value": "#f1ecf5"
},
"surface": {
"$type": "color",
"$value": "#b380da"
},
"muted": {
"$type": "color",
"$value": "#cc2c6b"
},
"primary": {
"$type": "color",
"$value": "#7d6b00"
},
"secondary": {
"$type": "color",
"$value": "#007d0a"
},
"accent": {
"$type": "color",
"$value": "#005062"
},
"text": {
"$type": "color",
"$value": "#191022"
}
}
}About this palette
Classic Self-Love System is a 7-color OKLCH-ready palette tagged red, warm, rainbow, 7 colors. Hex values: #F1ECF5, #B380DA, #CC2C6B, #7D6B00, #007D0A, #005062, #191022. APCA contrast score Lc 8.8. 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 Self-Love System by OKLab color distance.