Palette · 7 colors · Lc 9.4
Emerald City Forge palette
Emerald City Forge: a 7-color palette (Green, Gray, 7 Colors). HEX, RGB, HSL and OKLCH for #F1F0E9, #A49D7F, #617C60, #536B7E, #626080, #584149, #181405, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1F0E9
surface
#A49D7F
muted
#617C60
primary
#536B7E
secondary
#626080
accent
#584149
text
#181405
Colors in Emerald City Forge: HEX, RGB, HSL & OKLCH
- #F1F0E9 color page →
bg
#F1F0E9
- RGB
- rgb(241 240 233)
- HSL
- hsl(53 22% 93%)
- OKLCH
- oklch(0.954 0.009 100)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.38:1 (AAA)
- #A49D7F color page →
surface
#A49D7F
- RGB
- rgb(164 157 127)
- HSL
- hsl(49 17% 57%)
- OKLCH
- oklch(0.694 0.043 96.4)
WCAG contrast: on white 2.72:1 (Fail) · on black 7.70:1 (AAA)
- #617C60 color page →
muted
#617C60
- RGB
- rgb(97 124 96)
- HSL
- hsl(118 13% 43%)
- OKLCH
- oklch(0.557 0.053 143.9)
WCAG contrast: on white 4.60:1 (AA) · on black 4.56:1 (AA)
- #536B7E color page →
primary
#536B7E
- RGB
- rgb(83 107 126)
- HSL
- hsl(207 21% 41%)
- OKLCH
- oklch(0.516 0.042 242.5)
WCAG contrast: on white 5.56:1 (AA) · on black 3.77:1 (Fail)
- #626080 color page →
secondary
#626080
- RGB
- rgb(98 96 128)
- HSL
- hsl(244 14% 44%)
- OKLCH
- oklch(0.503 0.051 287.3)
WCAG contrast: on white 5.99:1 (AA) · on black 3.50:1 (Fail)
- #584149 color page →
accent
#584149
- RGB
- rgb(88 65 73)
- HSL
- hsl(339 15% 30%)
- OKLCH
- oklch(0.403 0.034 356)
WCAG contrast: on white 9.26:1 (AAA) · on black 2.26:1 (Fail)
- #181405 color page →
text
#181405
- RGB
- rgb(24 20 5)
- HSL
- hsl(47 66% 6%)
- OKLCH
- oklch(0.192 0.029 95.5)
WCAG contrast: on white 18.40:1 (AAA) · on black 1.14:1 (Fail)
Export Emerald City Forge: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1f0e9;
--surface: #a49d7f;
--muted: #617c60;
--primary: #536b7e;
--secondary: #626080;
--accent: #584149;
--text: #181405;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1f0e9;
--color-surface: #a49d7f;
--color-muted: #617c60;
--color-primary: #536b7e;
--color-secondary: #626080;
--color-accent: #584149;
--color-text: #181405;
}JSON (DTCG tokens)
{
"emerald-city-forge-sc": {
"bg": {
"$type": "color",
"$value": "#f1f0e9"
},
"surface": {
"$type": "color",
"$value": "#a49d7f"
},
"muted": {
"$type": "color",
"$value": "#617c60"
},
"primary": {
"$type": "color",
"$value": "#536b7e"
},
"secondary": {
"$type": "color",
"$value": "#626080"
},
"accent": {
"$type": "color",
"$value": "#584149"
},
"text": {
"$type": "color",
"$value": "#181405"
}
}
}About this palette
Emerald City Forge is a 7-color OKLCH-ready palette tagged green, gray, 7 colors. Hex values: #F1F0E9, #A49D7F, #617C60, #536B7E, #626080, #584149, #181405. APCA contrast score Lc 9.4. 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 Emerald City Forge by OKLab color distance.