Palette · 8 colors · Lc 9.8
Classic Wizards Orb Harbor palette
Classic Wizards Orb Harbor: a 8-color palette (Turquoise, Gray, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #E7F1F5, #82B5BF, #157C75, #806D3C, #624154, #213240, #12252A, #020A0E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7F1F5
surface
#82B5BF
muted
#157C75
primary
#806D3C
secondary
#624154
accent
#213240
highlight
#12252A
text
#020A0E
Colors in Classic Wizards Orb Harbor: HEX, RGB, HSL & OKLCH
- #E7F1F5 color page →
bg
#E7F1F5
- RGB
- rgb(231 241 245)
- HSL
- hsl(197 41% 93%)
- OKLCH
- oklch(0.952 0.012 223.5)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.29:1 (AAA)
- #82B5BF color page →
surface
#82B5BF
- RGB
- rgb(130 181 191)
- HSL
- hsl(190 32% 63%)
- OKLCH
- oklch(0.741 0.055 211.1)
WCAG contrast: on white 2.25:1 (Fail) · on black 9.31:1 (AAA)
- #157C75 color page →
muted
#157C75
- RGB
- rgb(21 124 117)
- HSL
- hsl(176 71% 28%)
- OKLCH
- oklch(0.531 0.087 187.7)
WCAG contrast: on white 5.03:1 (AA) · on black 4.17:1 (Fail)
- #806D3C color page →
primary
#806D3C
- RGB
- rgb(128 109 60)
- HSL
- hsl(43 36% 37%)
- OKLCH
- oklch(0.542 0.071 88.8)
WCAG contrast: on white 5.03:1 (AA) · on black 4.17:1 (Fail)
- #624154 color page →
secondary
#624154
- RGB
- rgb(98 65 84)
- HSL
- hsl(325 20% 32%)
- OKLCH
- oklch(0.419 0.054 344.2)
WCAG contrast: on white 8.73:1 (AAA) · on black 2.40:1 (Fail)
- #213240 color page →
accent
#213240
- RGB
- rgb(33 50 64)
- HSL
- hsl(207 32% 19%)
- OKLCH
- oklch(0.309 0.034 244)
WCAG contrast: on white 13.16:1 (AAA) · on black 1.59:1 (Fail)
- #12252A color page →
highlight
#12252A
- RGB
- rgb(18 37 42)
- HSL
- hsl(192 40% 12%)
- OKLCH
- oklch(0.251 0.027 216.5)
WCAG contrast: on white 15.86:1 (AAA) · on black 1.32:1 (Fail)
- #020A0E color page →
text
#020A0E
- RGB
- rgb(2 10 14)
- HSL
- hsl(200 75% 3%)
- OKLCH
- oklch(0.136 0.019 223.2)
WCAG contrast: on white 19.95:1 (AAA) · on black 1.05:1 (Fail)
Export Classic Wizards Orb Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7f1f5;
--surface: #82b5bf;
--muted: #157c75;
--primary: #806d3c;
--secondary: #624154;
--accent: #213240;
--highlight: #12252a;
--text: #020a0e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7f1f5;
--color-surface: #82b5bf;
--color-muted: #157c75;
--color-primary: #806d3c;
--color-secondary: #624154;
--color-accent: #213240;
--color-highlight: #12252a;
--color-text: #020a0e;
}JSON (DTCG tokens)
{
"classic-wizards-orb-harbor-5bd": {
"bg": {
"$type": "color",
"$value": "#e7f1f5"
},
"surface": {
"$type": "color",
"$value": "#82b5bf"
},
"muted": {
"$type": "color",
"$value": "#157c75"
},
"primary": {
"$type": "color",
"$value": "#806d3c"
},
"secondary": {
"$type": "color",
"$value": "#624154"
},
"accent": {
"$type": "color",
"$value": "#213240"
},
"highlight": {
"$type": "color",
"$value": "#12252a"
},
"text": {
"$type": "color",
"$value": "#020a0e"
}
}
}About this palette
Classic Wizards Orb Harbor is a 8-color OKLCH-ready palette tagged turquoise, gray, cold, 8 colors. Hex values: #E7F1F5, #82B5BF, #157C75, #806D3C, #624154, #213240, #12252A, #020A0E. APCA contrast score Lc 9.8. 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 Wizards Orb Harbor by OKLab color distance.