Palette · 5 colors · Lc 8.2
True Ginger Nexus palette
True Ginger Nexus: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #ECE8E6, #AA6200, #006A9D, #3F2715, #100A05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECE8E6
surface
#AA6200
primary
#006A9D
accent
#3F2715
text
#100A05
Colors in True Ginger Nexus: HEX, RGB, HSL & OKLCH
- #ECE8E6 color page →
bg
#ECE8E6
- RGB
- rgb(236 232 230)
- HSL
- hsl(20 14% 91%)
- OKLCH
- oklch(0.934 0.005 48.7)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.25:1 (AAA)
- #AA6200 color page →
surface
#AA6200
- RGB
- rgb(170 98 0)
- HSL
- hsl(35 100% 33%)
- OKLCH
- oklch(0.566 0.129 62.9)
WCAG contrast: on white 4.71:1 (AA) · on black 4.45:1 (Fail)
- #006A9D color page →
primary
#006A9D
- RGB
- rgb(0 106 157)
- HSL
- hsl(199 100% 31%)
- OKLCH
- oklch(0.5 0.114 239.9)
WCAG contrast: on white 5.91:1 (AA) · on black 3.54:1 (Fail)
- #3F2715 color page →
accent
#3F2715
- RGB
- rgb(63 39 21)
- HSL
- hsl(26 50% 16%)
- OKLCH
- oklch(0.298 0.047 56.7)
WCAG contrast: on white 13.88:1 (AAA) · on black 1.51:1 (Fail)
- #100A05 color page →
text
#100A05
- RGB
- rgb(16 10 5)
- HSL
- hsl(27 52% 4%)
- OKLCH
- oklch(0.151 0.016 66.3)
WCAG contrast: on white 19.66:1 (AAA) · on black 1.06:1 (Fail)
Export True Ginger Nexus: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ece8e6;
--surface: #aa6200;
--primary: #006a9d;
--accent: #3f2715;
--text: #100a05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ece8e6;
--color-surface: #aa6200;
--color-primary: #006a9d;
--color-accent: #3f2715;
--color-text: #100a05;
}JSON (DTCG tokens)
{
"true-ginger-nexus-60d": {
"bg": {
"$type": "color",
"$value": "#ece8e6"
},
"surface": {
"$type": "color",
"$value": "#aa6200"
},
"primary": {
"$type": "color",
"$value": "#006a9d"
},
"accent": {
"$type": "color",
"$value": "#3f2715"
},
"text": {
"$type": "color",
"$value": "#100a05"
}
}
}About this palette
True Ginger Nexus is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #ECE8E6, #AA6200, #006A9D, #3F2715, #100A05. APCA contrast score Lc 8.2. 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 Ginger Nexus by OKLab color distance.