Palette · 10 colors · Lc 9.3
Emperor Jade Delta palette
Emperor Jade Delta: a 10-color palette (Turquoise, Cold, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #01120E, #002823, #09423D, #00594E, #007A72, #348C7E, #63A79B, #8CCABF, #BBE4DF, #E3EEEB, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Turquoise
- Cold
- Monochromatic
- 10 Colors
bg
#01120E
surface
#002823
muted
#09423D
primary
#00594E
secondary
#007A72
accent
#348C7E
highlight
#63A79B
border
#8CCABF
focus
#BBE4DF
text
#E3EEEB
Colors in Emperor Jade Delta: HEX, RGB, HSL & OKLCH
- #01120E color page →
bg
#01120E
- RGB
- rgb(1 18 14)
- HSL
- hsl(166 89% 4%)
- OKLCH
- oklch(0.164 0.028 177.6)
WCAG contrast: on white 19.19:1 (AAA) · on black 1.09:1 (Fail)
- #002823 color page →
surface
#002823
- RGB
- rgb(0 40 35)
- HSL
- hsl(173 100% 8%)
- OKLCH
- oklch(0.248 0.044 182.5)
WCAG contrast: on white 15.81:1 (AAA) · on black 1.32:1 (Fail)
- #09423D color page →
muted
#09423D
- RGB
- rgb(9 66 61)
- HSL
- hsl(175 76% 15%)
- OKLCH
- oklch(0.343 0.056 185.9)
WCAG contrast: on white 11.30:1 (AAA) · on black 1.85:1 (Fail)
- #00594E color page →
primary
#00594E
- RGB
- rgb(0 89 78)
- HSL
- hsl(173 100% 17%)
- OKLCH
- oklch(0.416 0.075 180.7)
WCAG contrast: on white 8.27:1 (AAA) · on black 2.53:1 (Fail)
- #007A72 color page →
secondary
#007A72
- RGB
- rgb(0 122 114)
- HSL
- hsl(176 100% 24%)
- OKLCH
- oklch(0.522 0.091 186.8)
WCAG contrast: on white 5.21:1 (AA) · on black 4.02:1 (Fail)
- #348C7E color page →
accent
#348C7E
- RGB
- rgb(52 140 126)
- HSL
- hsl(170 46% 38%)
- OKLCH
- oklch(0.584 0.086 180.8)
WCAG contrast: on white 4.03:1 (Fail) · on black 5.19:1 (AA)
- #63A79B color page →
highlight
#63A79B
- RGB
- rgb(99 167 155)
- HSL
- hsl(169 28% 52%)
- OKLCH
- oklch(0.68 0.072 181.5)
WCAG contrast: on white 2.78:1 (Fail) · on black 7.53:1 (AAA)
- #8CCABF color page →
border
#8CCABF
- RGB
- rgb(140 202 191)
- HSL
- hsl(169 37% 67%)
- OKLCH
- oklch(0.794 0.065 182.3)
WCAG contrast: on white 1.85:1 (Fail) · on black 11.31:1 (AAA)
- #BBE4DF color page →
focus
#BBE4DF
- RGB
- rgb(187 228 223)
- HSL
- hsl(173 43% 81%)
- OKLCH
- oklch(0.888 0.043 187.3)
WCAG contrast: on white 1.37:1 (Fail) · on black 15.27:1 (AAA)
- #E3EEEB color page →
text
#E3EEEB
- RGB
- rgb(227 238 235)
- HSL
- hsl(164 24% 91%)
- OKLCH
- oklch(0.94 0.012 178)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.69:1 (AAA)
Export Emperor Jade Delta: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #01120e;
--surface: #002823;
--muted: #09423d;
--primary: #00594e;
--secondary: #007a72;
--accent: #348c7e;
--highlight: #63a79b;
--border: #8ccabf;
--focus: #bbe4df;
--text: #e3eeeb;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #01120e;
--color-surface: #002823;
--color-muted: #09423d;
--color-primary: #00594e;
--color-secondary: #007a72;
--color-accent: #348c7e;
--color-highlight: #63a79b;
--color-border: #8ccabf;
--color-focus: #bbe4df;
--color-text: #e3eeeb;
}JSON (DTCG tokens)
{
"emperor-jade-delta-7i8": {
"bg": {
"$type": "color",
"$value": "#01120e"
},
"surface": {
"$type": "color",
"$value": "#002823"
},
"muted": {
"$type": "color",
"$value": "#09423d"
},
"primary": {
"$type": "color",
"$value": "#00594e"
},
"secondary": {
"$type": "color",
"$value": "#007a72"
},
"accent": {
"$type": "color",
"$value": "#348c7e"
},
"highlight": {
"$type": "color",
"$value": "#63a79b"
},
"border": {
"$type": "color",
"$value": "#8ccabf"
},
"focus": {
"$type": "color",
"$value": "#bbe4df"
},
"text": {
"$type": "color",
"$value": "#e3eeeb"
}
}
}About this palette
Emperor Jade Delta is a 10-color OKLCH-ready palette tagged turquoise, cold, monochromatic, 10 colors. Hex values: #01120E, #002823, #09423D, #00594E, #007A72, #348C7E, #63A79B, #8CCABF, #BBE4DF, #E3EEEB. 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 Emperor Jade Delta by OKLab color distance.