Palette · 8 colors · Lc 8.7
Steady Baptism by Fire Ember palette
Steady Baptism by Fire Ember: a 8-color palette (Orange, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #1C0800, #440000, #830000, #AF1800, #E24B00, #FF8300, #FFAB86, #FFE2CC, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#1C0800
surface
#440000
muted
#830000
primary
#AF1800
secondary
#E24B00
accent
#FF8300
highlight
#FFAB86
text
#FFE2CC
Colors in Steady Baptism by Fire Ember: HEX, RGB, HSL & OKLCH
- #1C0800 color page →
bg
#1C0800
- RGB
- rgb(28 8 0)
- HSL
- hsl(17 100% 5%)
- OKLCH
- oklch(0.165 0.042 52.2)
WCAG contrast: on white 19.37:1 (AAA) · on black 1.08:1 (Fail)
- #440000 color page →
surface
#440000
- RGB
- rgb(68 0 0)
- HSL
- hsl(0 100% 13%)
- OKLCH
- oklch(0.243 0.1 29.2)
WCAG contrast: on white 16.85:1 (AAA) · on black 1.24:1 (Fail)
- #830000 color page →
muted
#830000
- RGB
- rgb(131 0 0)
- HSL
- hsl(0 100% 26%)
- OKLCH
- oklch(0.383 0.157 29.2)
WCAG contrast: on white 10.68:1 (AAA) · on black 1.96:1 (Fail)
- #AF1800 color page →
primary
#AF1800
- RGB
- rgb(175 24 0)
- HSL
- hsl(8 100% 34%)
- OKLCH
- oklch(0.483 0.186 31.4)
WCAG contrast: on white 7.11:1 (AAA) · on black 2.95:1 (Fail)
- #E24B00 color page →
secondary
#E24B00
- RGB
- rgb(226 75 0)
- HSL
- hsl(20 100% 44%)
- OKLCH
- oklch(0.618 0.198 39)
WCAG contrast: on white 4.00:1 (Fail) · on black 5.24:1 (AA)
- #FF8300 color page →
accent
#FF8300
- RGB
- rgb(255 131 0)
- HSL
- hsl(31 100% 50%)
- OKLCH
- oklch(0.736 0.184 54.3)
WCAG contrast: on white 2.47:1 (Fail) · on black 8.49:1 (AAA)
- #FFAB86 color page →
highlight
#FFAB86
- RGB
- rgb(255 171 134)
- HSL
- hsl(18 100% 76%)
- OKLCH
- oklch(0.815 0.111 44.5)
WCAG contrast: on white 1.83:1 (Fail) · on black 11.42:1 (AAA)
- #FFE2CC color page →
text
#FFE2CC
- RGB
- rgb(255 226 204)
- HSL
- hsl(26 100% 90%)
- OKLCH
- oklch(0.931 0.043 59.4)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.00:1 (AAA)
Export Steady Baptism by Fire Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #1c0800;
--surface: #440000;
--muted: #830000;
--primary: #af1800;
--secondary: #e24b00;
--accent: #ff8300;
--highlight: #ffab86;
--text: #ffe2cc;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #1c0800;
--color-surface: #440000;
--color-muted: #830000;
--color-primary: #af1800;
--color-secondary: #e24b00;
--color-accent: #ff8300;
--color-highlight: #ffab86;
--color-text: #ffe2cc;
}JSON (DTCG tokens)
{
"steady-baptism-by-fire-ember-2uv": {
"bg": {
"$type": "color",
"$value": "#1c0800"
},
"surface": {
"$type": "color",
"$value": "#440000"
},
"muted": {
"$type": "color",
"$value": "#830000"
},
"primary": {
"$type": "color",
"$value": "#af1800"
},
"secondary": {
"$type": "color",
"$value": "#e24b00"
},
"accent": {
"$type": "color",
"$value": "#ff8300"
},
"highlight": {
"$type": "color",
"$value": "#ffab86"
},
"text": {
"$type": "color",
"$value": "#ffe2cc"
}
}
}About this palette
Steady Baptism by Fire Ember is a 8-color OKLCH-ready palette tagged orange, warm, 8 colors. Hex values: #1C0800, #440000, #830000, #AF1800, #E24B00, #FF8300, #FFAB86, #FFE2CC. APCA contrast score Lc 8.7. 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 Steady Baptism by Fire Ember by OKLab color distance.