Palette · 9 colors · Lc 8.5
Classic Elden Ring Orange Kiln palette
Classic Elden Ring Orange Kiln: a 9-color palette (Yellow, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F1EBD8, #E3BE8A, #ED9127, #CD7D00, #B66500, #7F6700, #4A4600, #3D3200, #271100, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1EBD8
surface
#E3BE8A
muted
#ED9127
primary
#CD7D00
secondary
#B66500
accent
#7F6700
highlight
#4A4600
border
#3D3200
text
#271100
Colors in Classic Elden Ring Orange Kiln: HEX, RGB, HSL & OKLCH
- #F1EBD8 color page →
bg
#F1EBD8
- RGB
- rgb(241 235 216)
- HSL
- hsl(46 47% 90%)
- OKLCH
- oklch(0.94 0.026 92.4)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.61:1 (AAA)
- #E3BE8A color page →
surface
#E3BE8A
- RGB
- rgb(227 190 138)
- HSL
- hsl(35 61% 72%)
- OKLCH
- oklch(0.822 0.08 75.7)
WCAG contrast: on white 1.75:1 (Fail) · on black 11.99:1 (AAA)
- #ED9127 color page →
muted
#ED9127
- RGB
- rgb(237 145 39)
- HSL
- hsl(32 85% 54%)
- OKLCH
- oklch(0.737 0.156 63.3)
WCAG contrast: on white 2.41:1 (Fail) · on black 8.68:1 (AAA)
- #CD7D00 color page →
primary
#CD7D00
- RGB
- rgb(205 125 0)
- HSL
- hsl(37 100% 40%)
- OKLCH
- oklch(0.66 0.147 66.4)
WCAG contrast: on white 3.21:1 (Fail) · on black 6.52:1 (AA)
- #B66500 color page →
secondary
#B66500
- RGB
- rgb(182 101 0)
- HSL
- hsl(33 100% 36%)
- OKLCH
- oklch(0.587 0.138 60.1)
WCAG contrast: on white 4.32:1 (Fail) · on black 4.85:1 (AA)
- #7F6700 color page →
accent
#7F6700
- RGB
- rgb(127 103 0)
- HSL
- hsl(49 100% 25%)
- OKLCH
- oklch(0.522 0.107 92.8)
WCAG contrast: on white 5.46:1 (AA) · on black 3.84:1 (Fail)
- #4A4600 color page →
highlight
#4A4600
- RGB
- rgb(74 70 0)
- HSL
- hsl(57 100% 15%)
- OKLCH
- oklch(0.386 0.082 105.9)
WCAG contrast: on white 9.68:1 (AAA) · on black 2.16:1 (Fail)
- #3D3200 color page →
border
#3D3200
- RGB
- rgb(61 50 0)
- HSL
- hsl(49 100% 12%)
- OKLCH
- oklch(0.32 0.066 95.6)
WCAG contrast: on white 12.69:1 (AAA) · on black 1.65:1 (Fail)
- #271100 color page →
text
#271100
- RGB
- rgb(39 17 0)
- HSL
- hsl(26 100% 8%)
- OKLCH
- oklch(0.206 0.048 59.9)
WCAG contrast: on white 18.00:1 (AAA) · on black 1.16:1 (Fail)
Export Classic Elden Ring Orange Kiln: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1ebd8;
--surface: #e3be8a;
--muted: #ed9127;
--primary: #cd7d00;
--secondary: #b66500;
--accent: #7f6700;
--highlight: #4a4600;
--border: #3d3200;
--text: #271100;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1ebd8;
--color-surface: #e3be8a;
--color-muted: #ed9127;
--color-primary: #cd7d00;
--color-secondary: #b66500;
--color-accent: #7f6700;
--color-highlight: #4a4600;
--color-border: #3d3200;
--color-text: #271100;
}JSON (DTCG tokens)
{
"classic-elden-ring-orange-kiln-li": {
"bg": {
"$type": "color",
"$value": "#f1ebd8"
},
"surface": {
"$type": "color",
"$value": "#e3be8a"
},
"muted": {
"$type": "color",
"$value": "#ed9127"
},
"primary": {
"$type": "color",
"$value": "#cd7d00"
},
"secondary": {
"$type": "color",
"$value": "#b66500"
},
"accent": {
"$type": "color",
"$value": "#7f6700"
},
"highlight": {
"$type": "color",
"$value": "#4a4600"
},
"border": {
"$type": "color",
"$value": "#3d3200"
},
"text": {
"$type": "color",
"$value": "#271100"
}
}
}About this palette
Classic Elden Ring Orange Kiln is a 9-color OKLCH-ready palette tagged yellow, warm, 9 colors. Hex values: #F1EBD8, #E3BE8A, #ED9127, #CD7D00, #B66500, #7F6700, #4A4600, #3D3200, #271100. APCA contrast score Lc 8.5. 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 Classic Elden Ring Orange Kiln by OKLab color distance.