Palette · 10 colors · Lc 9.4
Classic Paradiso Archive palette
Classic Paradiso Archive: a 10-color palette (Blue, Gray, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #0A0B0B, #0B2229, #173D46, #2E5662, #3F6B77, #4D848C, #7D9DA1, #98BAC3, #C2E2E5, #E5EFF0, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0A0B0B
surface
#0B2229
muted
#173D46
primary
#2E5662
secondary
#3F6B77
accent
#4D848C
highlight
#7D9DA1
border
#98BAC3
focus
#C2E2E5
text
#E5EFF0
Colors in Classic Paradiso Archive: HEX, RGB, HSL & OKLCH
- #0A0B0B color page →
bg
#0A0B0B
- RGB
- rgb(10 11 11)
- HSL
- hsl(180 5% 4%)
- OKLCH
- oklch(0.148 0.002 197)
WCAG contrast: on white 19.70:1 (AAA) · on black 1.06:1 (Fail)
- #0B2229 color page →
surface
#0B2229
- RGB
- rgb(11 34 41)
- HSL
- hsl(194 58% 10%)
- OKLCH
- oklch(0.237 0.032 220.5)
WCAG contrast: on white 16.46:1 (AAA) · on black 1.27:1 (Fail)
- #173D46 color page →
muted
#173D46
- RGB
- rgb(23 61 70)
- HSL
- hsl(191 51% 18%)
- OKLCH
- oklch(0.337 0.045 215.7)
WCAG contrast: on white 11.71:1 (AAA) · on black 1.79:1 (Fail)
- #2E5662 color page →
primary
#2E5662
- RGB
- rgb(46 86 98)
- HSL
- hsl(194 36% 28%)
- OKLCH
- oklch(0.429 0.049 219.4)
WCAG contrast: on white 8.00:1 (AAA) · on black 2.62:1 (Fail)
- #3F6B77 color page →
secondary
#3F6B77
- RGB
- rgb(63 107 119)
- HSL
- hsl(193 31% 36%)
- OKLCH
- oklch(0.501 0.052 217.2)
WCAG contrast: on white 5.86:1 (AA) · on black 3.58:1 (Fail)
- #4D848C color page →
accent
#4D848C
- RGB
- rgb(77 132 140)
- HSL
- hsl(188 29% 43%)
- OKLCH
- oklch(0.578 0.059 207.6)
WCAG contrast: on white 4.20:1 (Fail) · on black 4.99:1 (AA)
- #7D9DA1 color page →
highlight
#7D9DA1
- RGB
- rgb(125 157 161)
- HSL
- hsl(187 16% 56%)
- OKLCH
- oklch(0.673 0.036 205.7)
WCAG contrast: on white 2.91:1 (Fail) · on black 7.20:1 (AAA)
- #98BAC3 color page →
border
#98BAC3
- RGB
- rgb(152 186 195)
- HSL
- hsl(193 26% 68%)
- OKLCH
- oklch(0.767 0.039 215.6)
WCAG contrast: on white 2.06:1 (Fail) · on black 10.14:1 (AAA)
- #C2E2E5 color page →
focus
#C2E2E5
- RGB
- rgb(194 226 229)
- HSL
- hsl(185 40% 83%)
- OKLCH
- oklch(0.891 0.034 203.5)
WCAG contrast: on white 1.37:1 (Fail) · on black 15.30:1 (AAA)
- #E5EFF0 color page →
text
#E5EFF0
- RGB
- rgb(229 239 240)
- HSL
- hsl(185 27% 92%)
- OKLCH
- oklch(0.945 0.011 204.1)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.93:1 (AAA)
Export Classic Paradiso Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0a0b0b;
--surface: #0b2229;
--muted: #173d46;
--primary: #2e5662;
--secondary: #3f6b77;
--accent: #4d848c;
--highlight: #7d9da1;
--border: #98bac3;
--focus: #c2e2e5;
--text: #e5eff0;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0a0b0b;
--color-surface: #0b2229;
--color-muted: #173d46;
--color-primary: #2e5662;
--color-secondary: #3f6b77;
--color-accent: #4d848c;
--color-highlight: #7d9da1;
--color-border: #98bac3;
--color-focus: #c2e2e5;
--color-text: #e5eff0;
}JSON (DTCG tokens)
{
"classic-paradiso-archive-7a9": {
"bg": {
"$type": "color",
"$value": "#0a0b0b"
},
"surface": {
"$type": "color",
"$value": "#0b2229"
},
"muted": {
"$type": "color",
"$value": "#173d46"
},
"primary": {
"$type": "color",
"$value": "#2e5662"
},
"secondary": {
"$type": "color",
"$value": "#3f6b77"
},
"accent": {
"$type": "color",
"$value": "#4d848c"
},
"highlight": {
"$type": "color",
"$value": "#7d9da1"
},
"border": {
"$type": "color",
"$value": "#98bac3"
},
"focus": {
"$type": "color",
"$value": "#c2e2e5"
},
"text": {
"$type": "color",
"$value": "#e5eff0"
}
}
}About this palette
Classic Paradiso Archive is a 10-color OKLCH-ready palette tagged blue, gray, cold, 10 colors. Hex values: #0A0B0B, #0B2229, #173D46, #2E5662, #3F6B77, #4D848C, #7D9DA1, #98BAC3, #C2E2E5, #E5EFF0. APCA contrast score Lc 9.4. 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 Paradiso Archive by OKLab color distance.