Palette · 4 colors · Lc 8.3
Firewatch Atelier palette
Firewatch Atelier: a 4-color palette (Yellow, Warm, Sunset, 4 Colors). HEX, RGB, HSL and OKLCH for #FFE9D1, #F08B65, #812749, #1D152F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE9D1
surface
#F08B65
accent
#812749
text
#1D152F
Colors in Firewatch Atelier: HEX, RGB, HSL & OKLCH
- #FFE9D1 color page →
bg
#FFE9D1
- RGB
- rgb(255 233 209)
- HSL
- hsl(31 100% 91%)
- OKLCH
- oklch(0.946 0.04 69.7)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.82:1 (AAA)
- #F08B65 color page →
surface
#F08B65
- RGB
- rgb(240 139 101)
- HSL
- hsl(16 82% 67%)
- OKLCH
- oklch(0.737 0.134 41.1)
WCAG contrast: on white 2.44:1 (Fail) · on black 8.58:1 (AAA)
- #812749 color page →
accent
#812749
- RGB
- rgb(129 39 73)
- HSL
- hsl(337 54% 33%)
- OKLCH
- oklch(0.421 0.127 1.1)
WCAG contrast: on white 9.05:1 (AAA) · on black 2.31:1 (Fail)
- #1D152F color page →
text
#1D152F
- RGB
- rgb(29 21 47)
- HSL
- hsl(258 38% 13%)
- OKLCH
- oklch(0.22 0.05 296.2)
WCAG contrast: on white 17.49:1 (AAA) · on black 1.20:1 (Fail)
Export Firewatch Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe9d1;
--surface: #f08b65;
--accent: #812749;
--text: #1d152f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe9d1;
--color-surface: #f08b65;
--color-accent: #812749;
--color-text: #1d152f;
}JSON (DTCG tokens)
{
"firewatch-atelier-10j": {
"bg": {
"$type": "color",
"$value": "#ffe9d1"
},
"surface": {
"$type": "color",
"$value": "#f08b65"
},
"accent": {
"$type": "color",
"$value": "#812749"
},
"text": {
"$type": "color",
"$value": "#1d152f"
}
}
}About this palette
Firewatch Atelier is a 4-color OKLCH-ready palette tagged yellow, warm, sunset, 4 colors. Hex values: #FFE9D1, #F08B65, #812749, #1D152F. APCA contrast score Lc 8.3. 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 Firewatch Atelier by OKLab color distance.