Palette · 7 colors · Lc 9.7
Classic Blasphemous Blue Quartz palette
Classic Blasphemous Blue Quartz: a 7-color palette (Pink, UI System, 7 Colors). HEX, RGB, HSL and OKLCH for #F0F1F2, #D9E3F4, #ADC4E1, #729CDE, #4A59AF, #4A4076, #0F1929, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0F1F2
surface
#D9E3F4
muted
#ADC4E1
primary
#729CDE
secondary
#4A59AF
accent
#4A4076
text
#0F1929
Colors in Classic Blasphemous Blue Quartz: HEX, RGB, HSL & OKLCH
- #F0F1F2 color page →
bg
#F0F1F2
- RGB
- rgb(240 241 242)
- HSL
- hsl(210 7% 95%)
- OKLCH
- oklch(0.958 0.002 247.8)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.56:1 (AAA)
- #D9E3F4 color page →
surface
#D9E3F4
- RGB
- rgb(217 227 244)
- HSL
- hsl(218 55% 90%)
- OKLCH
- oklch(0.913 0.026 261.1)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.24:1 (AAA)
- #ADC4E1 color page →
muted
#ADC4E1
- RGB
- rgb(173 196 225)
- HSL
- hsl(213 46% 78%)
- OKLCH
- oklch(0.813 0.048 254.3)
WCAG contrast: on white 1.78:1 (Fail) · on black 11.76:1 (AAA)
- #729CDE color page →
primary
#729CDE
- RGB
- rgb(114 156 222)
- HSL
- hsl(217 62% 66%)
- OKLCH
- oklch(0.689 0.108 259.2)
WCAG contrast: on white 2.79:1 (Fail) · on black 7.52:1 (AAA)
- #4A59AF color page →
secondary
#4A59AF
- RGB
- rgb(74 89 175)
- HSL
- hsl(231 41% 49%)
- OKLCH
- oklch(0.497 0.137 273)
WCAG contrast: on white 6.28:1 (AA) · on black 3.33:1 (Fail)
- #4A4076 color page →
accent
#4A4076
- RGB
- rgb(74 64 118)
- HSL
- hsl(251 30% 36%)
- OKLCH
- oklch(0.408 0.089 290.4)
WCAG contrast: on white 9.18:1 (AAA) · on black 2.28:1 (Fail)
- #0F1929 color page →
text
#0F1929
- RGB
- rgb(15 25 41)
- HSL
- hsl(217 46% 11%)
- OKLCH
- oklch(0.213 0.035 259.5)
WCAG contrast: on white 17.62:1 (AAA) · on black 1.19:1 (Fail)
Export Classic Blasphemous Blue Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0f1f2;
--surface: #d9e3f4;
--muted: #adc4e1;
--primary: #729cde;
--secondary: #4a59af;
--accent: #4a4076;
--text: #0f1929;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0f1f2;
--color-surface: #d9e3f4;
--color-muted: #adc4e1;
--color-primary: #729cde;
--color-secondary: #4a59af;
--color-accent: #4a4076;
--color-text: #0f1929;
}JSON (DTCG tokens)
{
"classic-blasphemous-blue-quartz-35q": {
"bg": {
"$type": "color",
"$value": "#f0f1f2"
},
"surface": {
"$type": "color",
"$value": "#d9e3f4"
},
"muted": {
"$type": "color",
"$value": "#adc4e1"
},
"primary": {
"$type": "color",
"$value": "#729cde"
},
"secondary": {
"$type": "color",
"$value": "#4a59af"
},
"accent": {
"$type": "color",
"$value": "#4a4076"
},
"text": {
"$type": "color",
"$value": "#0f1929"
}
}
}About this palette
Classic Blasphemous Blue Quartz is a 7-color OKLCH-ready palette tagged pink, ui system, 7 colors. Hex values: #F0F1F2, #D9E3F4, #ADC4E1, #729CDE, #4A59AF, #4A4076, #0F1929. 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 Classic Blasphemous Blue Quartz by OKLab color distance.