Palette · 6 colors · Lc 10
True Jade Jewel Harbor palette
True Jade Jewel Harbor: a 6-color palette (Trending, Blue, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #F8F4DF, #9E9560, #37817E, #585E8A, #704862, #0F0E04, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F4DF
surface
#9E9560
muted
#37817E
primary
#585E8A
accent
#704862
text
#0F0E04
Colors in True Jade Jewel Harbor: HEX, RGB, HSL & OKLCH
- #F8F4DF color page →
bg
#F8F4DF
- RGB
- rgb(248 244 223)
- HSL
- hsl(50 64% 92%)
- OKLCH
- oklch(0.965 0.028 98.1)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.99:1 (AAA)
- #9E9560 color page →
surface
#9E9560
- RGB
- rgb(158 149 96)
- HSL
- hsl(51 24% 50%)
- OKLCH
- oklch(0.665 0.073 99.8)
WCAG contrast: on white 3.03:1 (Fail) · on black 6.92:1 (AA)
- #37817E color page →
muted
#37817E
- RGB
- rgb(55 129 126)
- HSL
- hsl(178 40% 36%)
- OKLCH
- oklch(0.556 0.073 191.6)
WCAG contrast: on white 4.56:1 (AA) · on black 4.60:1 (AA)
- #585E8A color page →
primary
#585E8A
- RGB
- rgb(88 94 138)
- HSL
- hsl(233 22% 44%)
- OKLCH
- oklch(0.495 0.071 277.5)
WCAG contrast: on white 6.20:1 (AA) · on black 3.38:1 (Fail)
- #704862 color page →
accent
#704862
- RGB
- rgb(112 72 98)
- HSL
- hsl(321 22% 36%)
- OKLCH
- oklch(0.456 0.066 340.8)
WCAG contrast: on white 7.52:1 (AAA) · on black 2.79:1 (Fail)
- #0F0E04 color page →
text
#0F0E04
- RGB
- rgb(15 14 4)
- HSL
- hsl(55 58% 4%)
- OKLCH
- oklch(0.161 0.022 104.2)
WCAG contrast: on white 19.35:1 (AAA) · on black 1.08:1 (Fail)
Export True Jade Jewel Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f4df;
--surface: #9e9560;
--muted: #37817e;
--primary: #585e8a;
--accent: #704862;
--text: #0f0e04;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f4df;
--color-surface: #9e9560;
--color-muted: #37817e;
--color-primary: #585e8a;
--color-accent: #704862;
--color-text: #0f0e04;
}JSON (DTCG tokens)
{
"true-jade-jewel-harbor-1za": {
"bg": {
"$type": "color",
"$value": "#f8f4df"
},
"surface": {
"$type": "color",
"$value": "#9e9560"
},
"muted": {
"$type": "color",
"$value": "#37817e"
},
"primary": {
"$type": "color",
"$value": "#585e8a"
},
"accent": {
"$type": "color",
"$value": "#704862"
},
"text": {
"$type": "color",
"$value": "#0f0e04"
}
}
}About this palette
True Jade Jewel Harbor is a 6-color OKLCH-ready palette tagged trending, blue, cold, 6 colors. Hex values: #F8F4DF, #9E9560, #37817E, #585E8A, #704862, #0F0E04. APCA contrast score Lc 10. 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 True Jade Jewel Harbor by OKLab color distance.