Palette · 8 colors · Lc 9.7
True Magic Carpet Beacon palette
True Magic Carpet Beacon: a 8-color palette (Pink, Gray, 8 Colors). HEX, RGB, HSL and OKLCH for #EBECFE, #BEC2DC, #A2A4CD, #8683BC, #5E5A85, #464061, #2B2437, #0B0713, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EBECFE
surface
#BEC2DC
muted
#A2A4CD
primary
#8683BC
secondary
#5E5A85
accent
#464061
highlight
#2B2437
text
#0B0713
Colors in True Magic Carpet Beacon: HEX, RGB, HSL & OKLCH
- #EBECFE color page →
bg
#EBECFE
- RGB
- rgb(235 236 254)
- HSL
- hsl(237 90% 96%)
- OKLCH
- oklch(0.948 0.024 283.4)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.96:1 (AAA)
- #BEC2DC color page →
surface
#BEC2DC
- RGB
- rgb(190 194 220)
- HSL
- hsl(232 30% 80%)
- OKLCH
- oklch(0.819 0.037 278.6)
WCAG contrast: on white 1.75:1 (Fail) · on black 11.93:1 (AAA)
- #A2A4CD color page →
muted
#A2A4CD
- RGB
- rgb(162 164 205)
- HSL
- hsl(237 30% 72%)
- OKLCH
- oklch(0.731 0.059 282.6)
WCAG contrast: on white 2.40:1 (Fail) · on black 8.72:1 (AAA)
- #8683BC color page →
primary
#8683BC
- RGB
- rgb(134 131 188)
- HSL
- hsl(243 30% 63%)
- OKLCH
- oklch(0.635 0.085 286.1)
WCAG contrast: on white 3.50:1 (Fail) · on black 5.98:1 (AA)
- #5E5A85 color page →
secondary
#5E5A85
- RGB
- rgb(94 90 133)
- HSL
- hsl(246 19% 44%)
- OKLCH
- oklch(0.489 0.068 287.9)
WCAG contrast: on white 6.40:1 (AA) · on black 3.27:1 (Fail)
- #464061 color page →
accent
#464061
- RGB
- rgb(70 64 97)
- HSL
- hsl(251 20% 32%)
- OKLCH
- oklch(0.392 0.055 292)
WCAG contrast: on white 9.69:1 (AAA) · on black 2.16:1 (Fail)
- #2B2437 color page →
highlight
#2B2437
- RGB
- rgb(43 36 55)
- HSL
- hsl(262 21% 18%)
- OKLCH
- oklch(0.277 0.036 301)
WCAG contrast: on white 14.89:1 (AAA) · on black 1.41:1 (Fail)
- #0B0713 color page →
text
#0B0713
- RGB
- rgb(11 7 19)
- HSL
- hsl(260 46% 5%)
- OKLCH
- oklch(0.142 0.027 299.1)
WCAG contrast: on white 19.92:1 (AAA) · on black 1.05:1 (Fail)
Export True Magic Carpet Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ebecfe;
--surface: #bec2dc;
--muted: #a2a4cd;
--primary: #8683bc;
--secondary: #5e5a85;
--accent: #464061;
--highlight: #2b2437;
--text: #0b0713;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ebecfe;
--color-surface: #bec2dc;
--color-muted: #a2a4cd;
--color-primary: #8683bc;
--color-secondary: #5e5a85;
--color-accent: #464061;
--color-highlight: #2b2437;
--color-text: #0b0713;
}JSON (DTCG tokens)
{
"true-magic-carpet-beacon-5i4": {
"bg": {
"$type": "color",
"$value": "#ebecfe"
},
"surface": {
"$type": "color",
"$value": "#bec2dc"
},
"muted": {
"$type": "color",
"$value": "#a2a4cd"
},
"primary": {
"$type": "color",
"$value": "#8683bc"
},
"secondary": {
"$type": "color",
"$value": "#5e5a85"
},
"accent": {
"$type": "color",
"$value": "#464061"
},
"highlight": {
"$type": "color",
"$value": "#2b2437"
},
"text": {
"$type": "color",
"$value": "#0b0713"
}
}
}About this palette
True Magic Carpet Beacon is a 8-color OKLCH-ready palette tagged pink, gray, 8 colors. Hex values: #EBECFE, #BEC2DC, #A2A4CD, #8683BC, #5E5A85, #464061, #2B2437, #0B0713. APCA contrast score Lc 9.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 True Magic Carpet Beacon by OKLab color distance.