Palette · 8 colors · Lc 9.2
Classic Gargoyle Lattice palette
Classic Gargoyle Lattice: a 8-color palette (Green, Gray, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #060B03, #222520, #41483D, #586053, #777F71, #A4AF9E, #C3CDBB, #F3F4F3, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Gray
- Monochromatic
- 8 Colors
bg
#060B03
surface
#222520
muted
#41483D
primary
#586053
secondary
#777F71
accent
#A4AF9E
highlight
#C3CDBB
text
#F3F4F3
Colors in Classic Gargoyle Lattice: HEX, RGB, HSL & OKLCH
- #060B03 color page →
bg
#060B03
- RGB
- rgb(6 11 3)
- HSL
- hsl(98 57% 3%)
- OKLCH
- oklch(0.14 0.023 131.8)
WCAG contrast: on white 19.86:1 (AAA) · on black 1.05:1 (Fail)
- #222520 color page →
surface
#222520
- RGB
- rgb(34 37 32)
- HSL
- hsl(96 7% 14%)
- OKLCH
- oklch(0.26 0.01 132.7)
WCAG contrast: on white 15.51:1 (AAA) · on black 1.35:1 (Fail)
- #41483D color page →
muted
#41483D
- RGB
- rgb(65 72 61)
- HSL
- hsl(98 8% 26%)
- OKLCH
- oklch(0.392 0.02 134)
WCAG contrast: on white 9.46:1 (AAA) · on black 2.21:1 (Fail)
- #586053 color page →
primary
#586053
- RGB
- rgb(88 96 83)
- HSL
- hsl(97 7% 35%)
- OKLCH
- oklch(0.478 0.023 133.3)
WCAG contrast: on white 6.53:1 (AA) · on black 3.21:1 (Fail)
- #777F71 color page →
secondary
#777F71
- RGB
- rgb(119 127 113)
- HSL
- hsl(94 6% 47%)
- OKLCH
- oklch(0.586 0.023 131.6)
WCAG contrast: on white 4.15:1 (Fail) · on black 5.05:1 (AA)
- #A4AF9E color page →
accent
#A4AF9E
- RGB
- rgb(164 175 158)
- HSL
- hsl(99 10% 65%)
- OKLCH
- oklch(0.74 0.027 134.3)
WCAG contrast: on white 2.28:1 (Fail) · on black 9.20:1 (AAA)
- #C3CDBB color page →
highlight
#C3CDBB
- RGB
- rgb(195 205 187)
- HSL
- hsl(93 15% 77%)
- OKLCH
- oklch(0.836 0.027 131)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.77:1 (AAA)
- #F3F4F3 color page →
text
#F3F4F3
- RGB
- rgb(243 244 243)
- HSL
- hsl(120 4% 95%)
- OKLCH
- oklch(0.966 0.002 145.6)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.04:1 (AAA)
Export Classic Gargoyle Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #060b03;
--surface: #222520;
--muted: #41483d;
--primary: #586053;
--secondary: #777f71;
--accent: #a4af9e;
--highlight: #c3cdbb;
--text: #f3f4f3;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #060b03;
--color-surface: #222520;
--color-muted: #41483d;
--color-primary: #586053;
--color-secondary: #777f71;
--color-accent: #a4af9e;
--color-highlight: #c3cdbb;
--color-text: #f3f4f3;
}JSON (DTCG tokens)
{
"classic-gargoyle-lattice-1br": {
"bg": {
"$type": "color",
"$value": "#060b03"
},
"surface": {
"$type": "color",
"$value": "#222520"
},
"muted": {
"$type": "color",
"$value": "#41483d"
},
"primary": {
"$type": "color",
"$value": "#586053"
},
"secondary": {
"$type": "color",
"$value": "#777f71"
},
"accent": {
"$type": "color",
"$value": "#a4af9e"
},
"highlight": {
"$type": "color",
"$value": "#c3cdbb"
},
"text": {
"$type": "color",
"$value": "#f3f4f3"
}
}
}About this palette
Classic Gargoyle Lattice is a 8-color OKLCH-ready palette tagged green, gray, monochromatic, 8 colors. Hex values: #060B03, #222520, #41483D, #586053, #777F71, #A4AF9E, #C3CDBB, #F3F4F3. APCA contrast score Lc 9.2. 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 Gargoyle Lattice by OKLab color distance.