Palette · 10 colors · Lc 8.5
Purple Excellency Archive palette
Purple Excellency Archive: a 10-color palette (Red, Warm, Pink, 10 Colors). HEX, RGB, HSL and OKLCH for #F2E2F2, #E0C6E8, #C299D9, #AE7CBF, #9055A0, #8C3D84, #772C60, #4C1D3C, #2E1128, #180819, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2E2F2
surface
#E0C6E8
muted
#C299D9
primary
#AE7CBF
secondary
#9055A0
accent
#8C3D84
highlight
#772C60
border
#4C1D3C
focus
#2E1128
text
#180819
Colors in Purple Excellency Archive: HEX, RGB, HSL & OKLCH
- #F2E2F2 color page →
bg
#F2E2F2
- RGB
- rgb(242 226 242)
- HSL
- hsl(300 38% 92%)
- OKLCH
- oklch(0.93 0.027 325.8)
WCAG contrast: on white 1.23:1 (Fail) · on black 16.93:1 (AAA)
- #E0C6E8 color page →
surface
#E0C6E8
- RGB
- rgb(224 198 232)
- HSL
- hsl(286 42% 84%)
- OKLCH
- oklch(0.859 0.054 318.2)
WCAG contrast: on white 1.56:1 (Fail) · on black 13.41:1 (AAA)
- #C299D9 color page →
muted
#C299D9
- RGB
- rgb(194 153 217)
- HSL
- hsl(278 46% 73%)
- OKLCH
- oklch(0.743 0.1 313.1)
WCAG contrast: on white 2.37:1 (Fail) · on black 8.85:1 (AAA)
- #AE7CBF color page →
primary
#AE7CBF
- RGB
- rgb(174 124 191)
- HSL
- hsl(285 34% 62%)
- OKLCH
- oklch(0.66 0.111 317.3)
WCAG contrast: on white 3.26:1 (Fail) · on black 6.43:1 (AA)
- #9055A0 color page →
secondary
#9055A0
- RGB
- rgb(144 85 160)
- HSL
- hsl(287 31% 48%)
- OKLCH
- oklch(0.546 0.13 318.8)
WCAG contrast: on white 5.25:1 (AA) · on black 3.99:1 (Fail)
- #8C3D84 color page →
accent
#8C3D84
- RGB
- rgb(140 61 132)
- HSL
- hsl(306 39% 39%)
- OKLCH
- oklch(0.491 0.14 331.5)
WCAG contrast: on white 6.73:1 (AA) · on black 3.11:1 (Fail)
- #772C60 color page →
highlight
#772C60
- RGB
- rgb(119 44 96)
- HSL
- hsl(318 46% 32%)
- OKLCH
- oklch(0.42 0.123 341.4)
WCAG contrast: on white 9.07:1 (AAA) · on black 2.31:1 (Fail)
- #4C1D3C color page →
border
#4C1D3C
- RGB
- rgb(76 29 60)
- HSL
- hsl(320 45% 21%)
- OKLCH
- oklch(0.312 0.083 342.6)
WCAG contrast: on white 13.56:1 (AAA) · on black 1.54:1 (Fail)
- #2E1128 color page →
focus
#2E1128
- RGB
- rgb(46 17 40)
- HSL
- hsl(312 46% 12%)
- OKLCH
- oklch(0.232 0.059 335.8)
WCAG contrast: on white 17.11:1 (AAA) · on black 1.22:1 (Fail)
- #180819 color page →
text
#180819
- RGB
- rgb(24 8 25)
- HSL
- hsl(296 52% 6%)
- OKLCH
- oklch(0.169 0.042 325.1)
WCAG contrast: on white 19.30:1 (AAA) · on black 1.08:1 (Fail)
Export Purple Excellency Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2e2f2;
--surface: #e0c6e8;
--muted: #c299d9;
--primary: #ae7cbf;
--secondary: #9055a0;
--accent: #8c3d84;
--highlight: #772c60;
--border: #4c1d3c;
--focus: #2e1128;
--text: #180819;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2e2f2;
--color-surface: #e0c6e8;
--color-muted: #c299d9;
--color-primary: #ae7cbf;
--color-secondary: #9055a0;
--color-accent: #8c3d84;
--color-highlight: #772c60;
--color-border: #4c1d3c;
--color-focus: #2e1128;
--color-text: #180819;
}JSON (DTCG tokens)
{
"purple-excellency-archive-3ls": {
"bg": {
"$type": "color",
"$value": "#f2e2f2"
},
"surface": {
"$type": "color",
"$value": "#e0c6e8"
},
"muted": {
"$type": "color",
"$value": "#c299d9"
},
"primary": {
"$type": "color",
"$value": "#ae7cbf"
},
"secondary": {
"$type": "color",
"$value": "#9055a0"
},
"accent": {
"$type": "color",
"$value": "#8c3d84"
},
"highlight": {
"$type": "color",
"$value": "#772c60"
},
"border": {
"$type": "color",
"$value": "#4c1d3c"
},
"focus": {
"$type": "color",
"$value": "#2e1128"
},
"text": {
"$type": "color",
"$value": "#180819"
}
}
}About this palette
Purple Excellency Archive is a 10-color OKLCH-ready palette tagged red, warm, pink, 10 colors. Hex values: #F2E2F2, #E0C6E8, #C299D9, #AE7CBF, #9055A0, #8C3D84, #772C60, #4C1D3C, #2E1128, #180819. 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 Purple Excellency Archive by OKLab color distance.