Palette · 10 colors · Lc 8.9
True Hello Fall Studio palette
True Hello Fall Studio: a 10-color palette (Yellow, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #0F0401, #2C1206, #4A2612, #70391E, #905332, #AE6E51, #C88E79, #D8A794, #EFD1C8, #F1ECEA, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0F0401
surface
#2C1206
muted
#4A2612
primary
#70391E
secondary
#905332
accent
#AE6E51
highlight
#C88E79
border
#D8A794
focus
#EFD1C8
text
#F1ECEA
Colors in True Hello Fall Studio: HEX, RGB, HSL & OKLCH
- #0F0401 color page →
bg
#0F0401
- RGB
- rgb(15 4 1)
- HSL
- hsl(13 88% 3%)
- OKLCH
- oklch(0.126 0.027 48.1)
WCAG contrast: on white 20.22:1 (AAA) · on black 1.03:1 (Fail)
- #2C1206 color page →
surface
#2C1206
- RGB
- rgb(44 18 6)
- HSL
- hsl(19 76% 10%)
- OKLCH
- oklch(0.219 0.048 45)
WCAG contrast: on white 17.55:1 (AAA) · on black 1.19:1 (Fail)
- #4A2612 color page →
muted
#4A2612
- RGB
- rgb(74 38 18)
- HSL
- hsl(21 61% 18%)
- OKLCH
- oklch(0.312 0.063 48.2)
WCAG contrast: on white 13.31:1 (AAA) · on black 1.57:1 (Fail)
- #70391E color page →
primary
#70391E
- RGB
- rgb(112 57 30)
- HSL
- hsl(20 58% 28%)
- OKLCH
- oklch(0.41 0.087 45.4)
WCAG contrast: on white 9.15:1 (AAA) · on black 2.29:1 (Fail)
- #905332 color page →
secondary
#905332
- RGB
- rgb(144 83 50)
- HSL
- hsl(21 48% 38%)
- OKLCH
- oklch(0.506 0.094 48.1)
WCAG contrast: on white 6.05:1 (AA) · on black 3.46:1 (Fail)
- #AE6E51 color page →
accent
#AE6E51
- RGB
- rgb(174 110 81)
- HSL
- hsl(19 36% 50%)
- OKLCH
- oklch(0.6 0.092 44.9)
WCAG contrast: on white 4.07:1 (Fail) · on black 5.14:1 (AA)
- #C88E79 color page →
highlight
#C88E79
- RGB
- rgb(200 142 121)
- HSL
- hsl(16 42% 63%)
- OKLCH
- oklch(0.698 0.077 40.7)
WCAG contrast: on white 2.76:1 (Fail) · on black 7.60:1 (AAA)
- #D8A794 color page →
border
#D8A794
- RGB
- rgb(216 167 148)
- HSL
- hsl(17 47% 71%)
- OKLCH
- oklch(0.769 0.064 42.2)
WCAG contrast: on white 2.12:1 (Fail) · on black 9.87:1 (AAA)
- #EFD1C8 color page →
focus
#EFD1C8
- RGB
- rgb(239 209 200)
- HSL
- hsl(14 55% 86%)
- OKLCH
- oklch(0.883 0.036 37.4)
WCAG contrast: on white 1.43:1 (Fail) · on black 14.62:1 (AAA)
- #F1ECEA color page →
text
#F1ECEA
- RGB
- rgb(241 236 234)
- HSL
- hsl(17 20% 93%)
- OKLCH
- oklch(0.946 0.006 43.3)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.92:1 (AAA)
Export True Hello Fall Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0f0401;
--surface: #2c1206;
--muted: #4a2612;
--primary: #70391e;
--secondary: #905332;
--accent: #ae6e51;
--highlight: #c88e79;
--border: #d8a794;
--focus: #efd1c8;
--text: #f1ecea;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0f0401;
--color-surface: #2c1206;
--color-muted: #4a2612;
--color-primary: #70391e;
--color-secondary: #905332;
--color-accent: #ae6e51;
--color-highlight: #c88e79;
--color-border: #d8a794;
--color-focus: #efd1c8;
--color-text: #f1ecea;
}JSON (DTCG tokens)
{
"true-hello-fall-studio-1dm": {
"bg": {
"$type": "color",
"$value": "#0f0401"
},
"surface": {
"$type": "color",
"$value": "#2c1206"
},
"muted": {
"$type": "color",
"$value": "#4a2612"
},
"primary": {
"$type": "color",
"$value": "#70391e"
},
"secondary": {
"$type": "color",
"$value": "#905332"
},
"accent": {
"$type": "color",
"$value": "#ae6e51"
},
"highlight": {
"$type": "color",
"$value": "#c88e79"
},
"border": {
"$type": "color",
"$value": "#d8a794"
},
"focus": {
"$type": "color",
"$value": "#efd1c8"
},
"text": {
"$type": "color",
"$value": "#f1ecea"
}
}
}About this palette
True Hello Fall Studio is a 10-color OKLCH-ready palette tagged yellow, warm, 10 colors. Hex values: #0F0401, #2C1206, #4A2612, #70391E, #905332, #AE6E51, #C88E79, #D8A794, #EFD1C8, #F1ECEA. APCA contrast score Lc 8.9. 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 Hello Fall Studio by OKLab color distance.