Palette · 9 colors · Lc 8.8
Dark Orange Nexus palette
Dark Orange Nexus: a 9-color palette (Yellow, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #FFEBDA, #F1B69C, #EE8F7B, #EC7728, #CA5100, #974500, #643A00, #4C2200, #240900, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEBDA
surface
#F1B69C
muted
#EE8F7B
primary
#EC7728
secondary
#CA5100
accent
#974500
highlight
#643A00
border
#4C2200
text
#240900
Colors in Dark Orange Nexus: HEX, RGB, HSL & OKLCH
- #FFEBDA color page →
bg
#FFEBDA
- RGB
- rgb(255 235 218)
- HSL
- hsl(28 100% 93%)
- OKLCH
- oklch(0.952 0.031 62.8)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.14:1 (AAA)
- #F1B69C color page →
surface
#F1B69C
- RGB
- rgb(241 182 156)
- HSL
- hsl(18 75% 78%)
- OKLCH
- oklch(0.824 0.078 44.9)
WCAG contrast: on white 1.76:1 (Fail) · on black 11.91:1 (AAA)
- #EE8F7B color page →
muted
#EE8F7B
- RGB
- rgb(238 143 123)
- HSL
- hsl(10 77% 71%)
- OKLCH
- oklch(0.745 0.12 32.7)
WCAG contrast: on white 2.37:1 (Fail) · on black 8.85:1 (AAA)
- #EC7728 color page →
primary
#EC7728
- RGB
- rgb(236 119 40)
- HSL
- hsl(24 84% 54%)
- OKLCH
- oklch(0.693 0.168 49.6)
WCAG contrast: on white 2.90:1 (Fail) · on black 7.23:1 (AAA)
- #CA5100 color page →
secondary
#CA5100
- RGB
- rgb(202 81 0)
- HSL
- hsl(24 100% 40%)
- OKLCH
- oklch(0.586 0.17 44.2)
WCAG contrast: on white 4.47:1 (Fail) · on black 4.68:1 (AA)
- #974500 color page →
accent
#974500
- RGB
- rgb(151 69 0)
- HSL
- hsl(27 100% 30%)
- OKLCH
- oklch(0.488 0.129 50.3)
WCAG contrast: on white 6.63:1 (AA) · on black 3.16:1 (Fail)
- #643A00 color page →
highlight
#643A00
- RGB
- rgb(100 58 0)
- HSL
- hsl(35 100% 20%)
- OKLCH
- oklch(0.391 0.087 66)
WCAG contrast: on white 9.78:1 (AAA) · on black 2.14:1 (Fail)
- #4C2200 color page →
border
#4C2200
- RGB
- rgb(76 34 0)
- HSL
- hsl(27 100% 15%)
- OKLCH
- oklch(0.306 0.077 53.6)
WCAG contrast: on white 13.67:1 (AAA) · on black 1.53:1 (Fail)
- #240900 color page →
text
#240900
- RGB
- rgb(36 9 0)
- HSL
- hsl(15 100% 7%)
- OKLCH
- oklch(0.184 0.052 46)
WCAG contrast: on white 18.84:1 (AAA) · on black 1.11:1 (Fail)
Export Dark Orange Nexus: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffebda;
--surface: #f1b69c;
--muted: #ee8f7b;
--primary: #ec7728;
--secondary: #ca5100;
--accent: #974500;
--highlight: #643a00;
--border: #4c2200;
--text: #240900;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffebda;
--color-surface: #f1b69c;
--color-muted: #ee8f7b;
--color-primary: #ec7728;
--color-secondary: #ca5100;
--color-accent: #974500;
--color-highlight: #643a00;
--color-border: #4c2200;
--color-text: #240900;
}JSON (DTCG tokens)
{
"dark-orange-nexus-7n3": {
"bg": {
"$type": "color",
"$value": "#ffebda"
},
"surface": {
"$type": "color",
"$value": "#f1b69c"
},
"muted": {
"$type": "color",
"$value": "#ee8f7b"
},
"primary": {
"$type": "color",
"$value": "#ec7728"
},
"secondary": {
"$type": "color",
"$value": "#ca5100"
},
"accent": {
"$type": "color",
"$value": "#974500"
},
"highlight": {
"$type": "color",
"$value": "#643a00"
},
"border": {
"$type": "color",
"$value": "#4c2200"
},
"text": {
"$type": "color",
"$value": "#240900"
}
}
}About this palette
Dark Orange Nexus is a 9-color OKLCH-ready palette tagged yellow, warm, 9 colors. Hex values: #FFEBDA, #F1B69C, #EE8F7B, #EC7728, #CA5100, #974500, #643A00, #4C2200, #240900. APCA contrast score Lc 8.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 Dark Orange Nexus by OKLab color distance.