Palette · 10 colors · Lc 9.3
Classic Warm Brown Forge palette
Classic Warm Brown Forge: a 10-color palette (Yellow, Warm, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #140903, #291705, #512100, #6A3900, #914D00, #A6662C, #C5824B, #E0A77C, #EFC5A6, #FEEEE2, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Yellow
- Warm
- Monochromatic
- 10 Colors
bg
#140903
surface
#291705
muted
#512100
primary
#6A3900
secondary
#914D00
accent
#A6662C
highlight
#C5824B
border
#E0A77C
focus
#EFC5A6
text
#FEEEE2
Colors in Classic Warm Brown Forge: HEX, RGB, HSL & OKLCH
- #140903 color page →
bg
#140903
- RGB
- rgb(20 9 3)
- HSL
- hsl(21 74% 5%)
- OKLCH
- oklch(0.154 0.025 56.9)
WCAG contrast: on white 19.62:1 (AAA) · on black 1.07:1 (Fail)
- #291705 color page →
surface
#291705
- RGB
- rgb(41 23 5)
- HSL
- hsl(30 78% 9%)
- OKLCH
- oklch(0.225 0.042 64)
WCAG contrast: on white 17.22:1 (AAA) · on black 1.21:1 (Fail)
- #512100 color page →
muted
#512100
- RGB
- rgb(81 33 0)
- HSL
- hsl(24 100% 16%)
- OKLCH
- oklch(0.313 0.083 49.4)
WCAG contrast: on white 13.39:1 (AAA) · on black 1.56:1 (Fail)
- #6A3900 color page →
primary
#6A3900
- RGB
- rgb(106 57 0)
- HSL
- hsl(32 100% 21%)
- OKLCH
- oklch(0.398 0.093 60.7)
WCAG contrast: on white 9.55:1 (AAA) · on black 2.19:1 (Fail)
- #914D00 color page →
secondary
#914D00
- RGB
- rgb(145 77 0)
- HSL
- hsl(32 100% 28%)
- OKLCH
- oklch(0.493 0.118 58.3)
WCAG contrast: on white 6.43:1 (AA) · on black 3.26:1 (Fail)
- #A6662C color page →
accent
#A6662C
- RGB
- rgb(166 102 44)
- HSL
- hsl(29 58% 41%)
- OKLCH
- oklch(0.57 0.11 59.6)
WCAG contrast: on white 4.60:1 (AA) · on black 4.55:1 (AA)
- #C5824B color page →
highlight
#C5824B
- RGB
- rgb(197 130 75)
- HSL
- hsl(27 51% 53%)
- OKLCH
- oklch(0.664 0.109 58.7)
WCAG contrast: on white 3.14:1 (Fail) · on black 6.66:1 (AA)
- #E0A77C color page →
border
#E0A77C
- RGB
- rgb(224 167 124)
- HSL
- hsl(26 62% 68%)
- OKLCH
- oklch(0.772 0.089 58)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.98:1 (AAA)
- #EFC5A6 color page →
focus
#EFC5A6
- RGB
- rgb(239 197 166)
- HSL
- hsl(25 70% 79%)
- OKLCH
- oklch(0.852 0.064 58.2)
WCAG contrast: on white 1.59:1 (Fail) · on black 13.20:1 (AAA)
- #FEEEE2 color page →
text
#FEEEE2
- RGB
- rgb(254 238 226)
- HSL
- hsl(26 93% 94%)
- OKLCH
- oklch(0.959 0.024 59.4)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.54:1 (AAA)
Export Classic Warm Brown Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #140903;
--surface: #291705;
--muted: #512100;
--primary: #6a3900;
--secondary: #914d00;
--accent: #a6662c;
--highlight: #c5824b;
--border: #e0a77c;
--focus: #efc5a6;
--text: #feeee2;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #140903;
--color-surface: #291705;
--color-muted: #512100;
--color-primary: #6a3900;
--color-secondary: #914d00;
--color-accent: #a6662c;
--color-highlight: #c5824b;
--color-border: #e0a77c;
--color-focus: #efc5a6;
--color-text: #feeee2;
}JSON (DTCG tokens)
{
"classic-warm-brown-forge-7ki": {
"bg": {
"$type": "color",
"$value": "#140903"
},
"surface": {
"$type": "color",
"$value": "#291705"
},
"muted": {
"$type": "color",
"$value": "#512100"
},
"primary": {
"$type": "color",
"$value": "#6a3900"
},
"secondary": {
"$type": "color",
"$value": "#914d00"
},
"accent": {
"$type": "color",
"$value": "#a6662c"
},
"highlight": {
"$type": "color",
"$value": "#c5824b"
},
"border": {
"$type": "color",
"$value": "#e0a77c"
},
"focus": {
"$type": "color",
"$value": "#efc5a6"
},
"text": {
"$type": "color",
"$value": "#feeee2"
}
}
}About this palette
Classic Warm Brown Forge is a 10-color OKLCH-ready palette tagged yellow, warm, monochromatic, 10 colors. Hex values: #140903, #291705, #512100, #6A3900, #914D00, #A6662C, #C5824B, #E0A77C, #EFC5A6, #FEEEE2. APCA contrast score Lc 9.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 Classic Warm Brown Forge by OKLab color distance.