Palette · 7 colors · Lc 9.3
Jade Jewel Fog palette
Jade Jewel Fog: a 7-color palette (Blue, Gray, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #071010, #00363A, #00575D, #307A7B, #68A3A2, #A3C8C9, #ECF2F2, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#071010
surface
#00363A
muted
#00575D
primary
#307A7B
secondary
#68A3A2
accent
#A3C8C9
text
#ECF2F2
Colors in Jade Jewel Fog: HEX, RGB, HSL & OKLCH
- #071010 color page →
bg
#071010
- RGB
- rgb(7 16 16)
- HSL
- hsl(180 39% 5%)
- OKLCH
- oklch(0.164 0.014 195.9)
WCAG contrast: on white 19.25:1 (AAA) · on black 1.09:1 (Fail)
- #00363A color page →
surface
#00363A
- RGB
- rgb(0 54 58)
- HSL
- hsl(184 100% 11%)
- OKLCH
- oklch(0.303 0.052 202.8)
WCAG contrast: on white 13.21:1 (AAA) · on black 1.58:1 (Fail)
- #00575D color page →
muted
#00575D
- RGB
- rgb(0 87 93)
- HSL
- hsl(184 100% 18%)
- OKLCH
- oklch(0.416 0.071 202.9)
WCAG contrast: on white 8.32:1 (AAA) · on black 2.52:1 (Fail)
- #307A7B color page →
primary
#307A7B
- RGB
- rgb(48 122 123)
- HSL
- hsl(181 44% 34%)
- OKLCH
- oklch(0.534 0.072 196.4)
WCAG contrast: on white 5.00:1 (AA) · on black 4.19:1 (Fail)
- #68A3A2 color page →
secondary
#68A3A2
- RGB
- rgb(104 163 162)
- HSL
- hsl(179 24% 52%)
- OKLCH
- oklch(0.675 0.061 194.4)
WCAG contrast: on white 2.85:1 (Fail) · on black 7.34:1 (AAA)
- #A3C8C9 color page →
accent
#A3C8C9
- RGB
- rgb(163 200 201)
- HSL
- hsl(182 26% 71%)
- OKLCH
- oklch(0.806 0.039 198.4)
WCAG contrast: on white 1.80:1 (Fail) · on black 11.66:1 (AAA)
- #ECF2F2 color page →
text
#ECF2F2
- RGB
- rgb(236 242 242)
- HSL
- hsl(180 19% 94%)
- OKLCH
- oklch(0.957 0.006 197)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.54:1 (AAA)
Export Jade Jewel Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #071010;
--surface: #00363a;
--muted: #00575d;
--primary: #307a7b;
--secondary: #68a3a2;
--accent: #a3c8c9;
--text: #ecf2f2;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #071010;
--color-surface: #00363a;
--color-muted: #00575d;
--color-primary: #307a7b;
--color-secondary: #68a3a2;
--color-accent: #a3c8c9;
--color-text: #ecf2f2;
}JSON (DTCG tokens)
{
"jade-jewel-fog-5ed": {
"bg": {
"$type": "color",
"$value": "#071010"
},
"surface": {
"$type": "color",
"$value": "#00363a"
},
"muted": {
"$type": "color",
"$value": "#00575d"
},
"primary": {
"$type": "color",
"$value": "#307a7b"
},
"secondary": {
"$type": "color",
"$value": "#68a3a2"
},
"accent": {
"$type": "color",
"$value": "#a3c8c9"
},
"text": {
"$type": "color",
"$value": "#ecf2f2"
}
}
}About this palette
Jade Jewel Fog is a 7-color OKLCH-ready palette tagged blue, gray, cold, 7 colors. Hex values: #071010, #00363A, #00575D, #307A7B, #68A3A2, #A3C8C9, #ECF2F2. APCA contrast score Lc 9.3. 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 Jade Jewel Fog by OKLab color distance.