Palette · 10 colors · Lc 8.5
Mana Tree Fog palette
Mana Tree Fog: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #F7EADA, #C2A684, #93712B, #537F43, #197F74, #2C7494, #615D95, #814F7C, #532A25, #0D0905, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#F7EADA
surface
#C2A684
muted
#93712B
primary
#537F43
secondary
#197F74
accent
#2C7494
highlight
#615D95
border
#814F7C
focus
#532A25
text
#0D0905
Colors in Mana Tree Fog: HEX, RGB, HSL & OKLCH
- #F7EADA color page →
bg
#F7EADA
- RGB
- rgb(247 234 218)
- HSL
- hsl(33 64% 91%)
- OKLCH
- oklch(0.943 0.026 73.2)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.73:1 (AAA)
- #C2A684 color page →
surface
#C2A684
- RGB
- rgb(194 166 132)
- HSL
- hsl(33 34% 64%)
- OKLCH
- oklch(0.741 0.057 72.2)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.08:1 (AAA)
- #93712B color page →
muted
#93712B
- RGB
- rgb(147 113 43)
- HSL
- hsl(40 55% 37%)
- OKLCH
- oklch(0.569 0.097 82.4)
WCAG contrast: on white 4.52:1 (AA) · on black 4.63:1 (AA)
- #537F43 color page →
primary
#537F43
- RGB
- rgb(83 127 67)
- HSL
- hsl(104 31% 38%)
- OKLCH
- oklch(0.549 0.101 137.8)
WCAG contrast: on white 4.68:1 (AA) · on black 4.48:1 (Fail)
- #197F74 color page →
secondary
#197F74
- RGB
- rgb(25 127 116)
- HSL
- hsl(174 67% 30%)
- OKLCH
- oklch(0.539 0.089 183.8)
WCAG contrast: on white 4.85:1 (AA) · on black 4.32:1 (Fail)
- #2C7494 color page →
accent
#2C7494
- RGB
- rgb(44 116 148)
- HSL
- hsl(198 54% 38%)
- OKLCH
- oklch(0.528 0.086 230.9)
WCAG contrast: on white 5.20:1 (AA) · on black 4.03:1 (Fail)
- #615D95 color page →
highlight
#615D95
- RGB
- rgb(97 93 149)
- HSL
- hsl(244 23% 47%)
- OKLCH
- oklch(0.506 0.088 286.1)
WCAG contrast: on white 5.98:1 (AA) · on black 3.50:1 (Fail)
- #814F7C color page →
border
#814F7C
- RGB
- rgb(129 79 124)
- HSL
- hsl(306 24% 41%)
- OKLCH
- oklch(0.501 0.092 330.5)
WCAG contrast: on white 6.28:1 (AA) · on black 3.34:1 (Fail)
- #532A25 color page →
focus
#532A25
- RGB
- rgb(83 42 37)
- HSL
- hsl(7 38% 24%)
- OKLCH
- oklch(0.338 0.062 28.1)
WCAG contrast: on white 12.16:1 (AAA) · on black 1.72:1 (Fail)
- #0D0905 color page →
text
#0D0905
- RGB
- rgb(13 9 5)
- HSL
- hsl(30 44% 4%)
- OKLCH
- oklch(0.143 0.012 72.6)
WCAG contrast: on white 19.84:1 (AAA) · on black 1.05:1 (Fail)
Export Mana Tree Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7eada;
--surface: #c2a684;
--muted: #93712b;
--primary: #537f43;
--secondary: #197f74;
--accent: #2c7494;
--highlight: #615d95;
--border: #814f7c;
--focus: #532a25;
--text: #0d0905;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7eada;
--color-surface: #c2a684;
--color-muted: #93712b;
--color-primary: #537f43;
--color-secondary: #197f74;
--color-accent: #2c7494;
--color-highlight: #615d95;
--color-border: #814f7c;
--color-focus: #532a25;
--color-text: #0d0905;
}JSON (DTCG tokens)
{
"mana-tree-fog-64h": {
"bg": {
"$type": "color",
"$value": "#f7eada"
},
"surface": {
"$type": "color",
"$value": "#c2a684"
},
"muted": {
"$type": "color",
"$value": "#93712b"
},
"primary": {
"$type": "color",
"$value": "#537f43"
},
"secondary": {
"$type": "color",
"$value": "#197f74"
},
"accent": {
"$type": "color",
"$value": "#2c7494"
},
"highlight": {
"$type": "color",
"$value": "#615d95"
},
"border": {
"$type": "color",
"$value": "#814f7c"
},
"focus": {
"$type": "color",
"$value": "#532a25"
},
"text": {
"$type": "color",
"$value": "#0d0905"
}
}
}About this palette
Mana Tree Fog is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #F7EADA, #C2A684, #93712B, #537F43, #197F74, #2C7494, #615D95, #814F7C, #532A25, #0D0905. APCA contrast score Lc 8.5. 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 Mana Tree Fog by OKLab color distance.