Palette · 5 colors · Lc 8.6
Gazelle Lattice palette
Gazelle Lattice: a 5-color palette (Green, Gray, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F5EEE6, #947C5C, #526E76, #63677E, #1C150E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5EEE6
surface
#947C5C
primary
#526E76
accent
#63677E
text
#1C150E
Colors in Gazelle Lattice: HEX, RGB, HSL & OKLCH
- #F5EEE6 color page →
bg
#F5EEE6
- RGB
- rgb(245 238 230)
- HSL
- hsl(32 43% 93%)
- OKLCH
- oklch(0.952 0.013 71.3)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.25:1 (AAA)
- #947C5C color page →
surface
#947C5C
- RGB
- rgb(148 124 92)
- HSL
- hsl(34 23% 47%)
- OKLCH
- oklch(0.601 0.054 74.4)
WCAG contrast: on white 3.96:1 (Fail) · on black 5.29:1 (AA)
- #526E76 color page →
primary
#526E76
- RGB
- rgb(82 110 118)
- HSL
- hsl(193 18% 39%)
- OKLCH
- oklch(0.519 0.035 217.2)
WCAG contrast: on white 5.45:1 (AA) · on black 3.85:1 (Fail)
- #63677E color page →
accent
#63677E
- RGB
- rgb(99 103 126)
- HSL
- hsl(231 12% 44%)
- OKLCH
- oklch(0.519 0.037 277.3)
WCAG contrast: on white 5.56:1 (AA) · on black 3.77:1 (Fail)
- #1C150E color page →
text
#1C150E
- RGB
- rgb(28 21 14)
- HSL
- hsl(30 33% 8%)
- OKLCH
- oklch(0.202 0.017 66.6)
WCAG contrast: on white 18.05:1 (AAA) · on black 1.16:1 (Fail)
Export Gazelle Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5eee6;
--surface: #947c5c;
--primary: #526e76;
--accent: #63677e;
--text: #1c150e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5eee6;
--color-surface: #947c5c;
--color-primary: #526e76;
--color-accent: #63677e;
--color-text: #1c150e;
}JSON (DTCG tokens)
{
"gazelle-lattice-4om": {
"bg": {
"$type": "color",
"$value": "#f5eee6"
},
"surface": {
"$type": "color",
"$value": "#947c5c"
},
"primary": {
"$type": "color",
"$value": "#526e76"
},
"accent": {
"$type": "color",
"$value": "#63677e"
},
"text": {
"$type": "color",
"$value": "#1c150e"
}
}
}About this palette
Gazelle Lattice is a 5-color OKLCH-ready palette tagged green, gray, warm, 5 colors. Hex values: #F5EEE6, #947C5C, #526E76, #63677E, #1C150E. APCA contrast score Lc 8.6. 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 Gazelle Lattice by OKLab color distance.