Palette · 10 colors · Lc 9
Pure Freshly Purpleized Brief palette
Pure Freshly Purpleized Brief: a 10-color palette (Pink, 10 Colors). HEX, RGB, HSL and OKLCH for #ECEFFF, #C5CBE5, #9BB6DD, #879FC9, #7A86BE, #686498, #635288, #4B3A5C, #2D2747, #121427, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 10 Colors
bg
#ECEFFF
surface
#C5CBE5
muted
#9BB6DD
primary
#879FC9
secondary
#7A86BE
accent
#686498
highlight
#635288
border
#4B3A5C
focus
#2D2747
text
#121427
Colors in Pure Freshly Purpleized Brief: HEX, RGB, HSL & OKLCH
- #ECEFFF color page →
bg
#ECEFFF
- RGB
- rgb(236 239 255)
- HSL
- hsl(231 100% 96%)
- OKLCH
- oklch(0.955 0.022 277.5)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.35:1 (AAA)
- #C5CBE5 color page →
surface
#C5CBE5
- RGB
- rgb(197 203 229)
- HSL
- hsl(229 38% 84%)
- OKLCH
- oklch(0.846 0.037 275.3)
WCAG contrast: on white 1.60:1 (Fail) · on black 13.04:1 (AAA)
- #9BB6DD color page →
muted
#9BB6DD
- RGB
- rgb(155 182 221)
- HSL
- hsl(215 49% 74%)
- OKLCH
- oklch(0.77 0.064 257.5)
WCAG contrast: on white 2.07:1 (Fail) · on black 10.12:1 (AAA)
- #879FC9 color page →
primary
#879FC9
- RGB
- rgb(135 159 201)
- HSL
- hsl(218 38% 66%)
- OKLCH
- oklch(0.699 0.068 261.5)
WCAG contrast: on white 2.68:1 (Fail) · on black 7.83:1 (AAA)
- #7A86BE color page →
secondary
#7A86BE
- RGB
- rgb(122 134 190)
- HSL
- hsl(229 34% 61%)
- OKLCH
- oklch(0.633 0.086 274.4)
WCAG contrast: on white 3.51:1 (Fail) · on black 5.98:1 (AA)
- #686498 color page →
accent
#686498
- RGB
- rgb(104 100 152)
- HSL
- hsl(245 21% 49%)
- OKLCH
- oklch(0.529 0.081 286.8)
WCAG contrast: on white 5.43:1 (AA) · on black 3.86:1 (Fail)
- #635288 color page →
highlight
#635288
- RGB
- rgb(99 82 136)
- HSL
- hsl(259 25% 43%)
- OKLCH
- oklch(0.479 0.087 297.5)
WCAG contrast: on white 6.78:1 (AA) · on black 3.09:1 (Fail)
- #4B3A5C color page →
border
#4B3A5C
- RGB
- rgb(75 58 92)
- HSL
- hsl(270 23% 29%)
- OKLCH
- oklch(0.381 0.06 306.7)
WCAG contrast: on white 10.19:1 (AAA) · on black 2.05:1 (Fail)
- #2D2747 color page →
focus
#2D2747
- RGB
- rgb(45 39 71)
- HSL
- hsl(251 29% 22%)
- OKLCH
- oklch(0.296 0.057 291.1)
WCAG contrast: on white 14.06:1 (AAA) · on black 1.49:1 (Fail)
- #121427 color page →
text
#121427
- RGB
- rgb(18 20 39)
- HSL
- hsl(234 37% 11%)
- OKLCH
- oklch(0.2 0.038 277.8)
WCAG contrast: on white 18.18:1 (AAA) · on black 1.15:1 (Fail)
Export Pure Freshly Purpleized Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecefff;
--surface: #c5cbe5;
--muted: #9bb6dd;
--primary: #879fc9;
--secondary: #7a86be;
--accent: #686498;
--highlight: #635288;
--border: #4b3a5c;
--focus: #2d2747;
--text: #121427;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecefff;
--color-surface: #c5cbe5;
--color-muted: #9bb6dd;
--color-primary: #879fc9;
--color-secondary: #7a86be;
--color-accent: #686498;
--color-highlight: #635288;
--color-border: #4b3a5c;
--color-focus: #2d2747;
--color-text: #121427;
}JSON (DTCG tokens)
{
"pure-freshly-purpleized-brief-x7": {
"bg": {
"$type": "color",
"$value": "#ecefff"
},
"surface": {
"$type": "color",
"$value": "#c5cbe5"
},
"muted": {
"$type": "color",
"$value": "#9bb6dd"
},
"primary": {
"$type": "color",
"$value": "#879fc9"
},
"secondary": {
"$type": "color",
"$value": "#7a86be"
},
"accent": {
"$type": "color",
"$value": "#686498"
},
"highlight": {
"$type": "color",
"$value": "#635288"
},
"border": {
"$type": "color",
"$value": "#4b3a5c"
},
"focus": {
"$type": "color",
"$value": "#2d2747"
},
"text": {
"$type": "color",
"$value": "#121427"
}
}
}About this palette
Pure Freshly Purpleized Brief is a 10-color OKLCH-ready palette tagged pink, 10 colors. Hex values: #ECEFFF, #C5CBE5, #9BB6DD, #879FC9, #7A86BE, #686498, #635288, #4B3A5C, #2D2747, #121427. APCA contrast score Lc 9. 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 Freshly Purpleized Brief by OKLab color distance.