Palette · 8 colors · Lc 8.2
True Gramps Shoehorn System palette
True Gramps Shoehorn System: a 8-color palette (Green, Gray, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #EDE9E3, #E1CDB6, #B6A395, #A48C6E, #766F50, #4D4B31, #343220, #1B1405, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDE9E3
surface
#E1CDB6
muted
#B6A395
primary
#A48C6E
secondary
#766F50
accent
#4D4B31
highlight
#343220
text
#1B1405
Colors in True Gramps Shoehorn System: HEX, RGB, HSL & OKLCH
- #EDE9E3 color page →
bg
#EDE9E3
- RGB
- rgb(237 233 227)
- HSL
- hsl(36 22% 91%)
- OKLCH
- oklch(0.935 0.009 78.3)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.36:1 (AAA)
- #E1CDB6 color page →
surface
#E1CDB6
- RGB
- rgb(225 205 182)
- HSL
- hsl(32 42% 80%)
- OKLCH
- oklch(0.859 0.038 71.2)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.60:1 (AAA)
- #B6A395 color page →
muted
#B6A395
- RGB
- rgb(182 163 149)
- HSL
- hsl(25 18% 65%)
- OKLCH
- oklch(0.728 0.03 58.7)
WCAG contrast: on white 2.42:1 (Fail) · on black 8.66:1 (AAA)
- #A48C6E color page →
primary
#A48C6E
- RGB
- rgb(164 140 110)
- HSL
- hsl(33 23% 54%)
- OKLCH
- oklch(0.654 0.051 72.9)
WCAG contrast: on white 3.20:1 (Fail) · on black 6.55:1 (AA)
- #766F50 color page →
secondary
#766F50
- RGB
- rgb(118 111 80)
- HSL
- hsl(49 19% 39%)
- OKLCH
- oklch(0.54 0.046 96.9)
WCAG contrast: on white 5.04:1 (AA) · on black 4.15:1 (Fail)
- #4D4B31 color page →
accent
#4D4B31
- RGB
- rgb(77 75 49)
- HSL
- hsl(56 22% 25%)
- OKLCH
- oklch(0.407 0.041 104.3)
WCAG contrast: on white 8.87:1 (AAA) · on black 2.36:1 (Fail)
- #343220 color page →
highlight
#343220
- RGB
- rgb(52 50 32)
- HSL
- hsl(54 24% 16%)
- OKLCH
- oklch(0.314 0.03 102.6)
WCAG contrast: on white 12.93:1 (AAA) · on black 1.62:1 (Fail)
- #1B1405 color page →
text
#1B1405
- RGB
- rgb(27 20 5)
- HSL
- hsl(41 69% 6%)
- OKLCH
- oklch(0.196 0.03 85.8)
WCAG contrast: on white 18.27:1 (AAA) · on black 1.14:1 (Fail)
Export True Gramps Shoehorn System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ede9e3;
--surface: #e1cdb6;
--muted: #b6a395;
--primary: #a48c6e;
--secondary: #766f50;
--accent: #4d4b31;
--highlight: #343220;
--text: #1b1405;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ede9e3;
--color-surface: #e1cdb6;
--color-muted: #b6a395;
--color-primary: #a48c6e;
--color-secondary: #766f50;
--color-accent: #4d4b31;
--color-highlight: #343220;
--color-text: #1b1405;
}JSON (DTCG tokens)
{
"true-gramps-shoehorn-system-7l8": {
"bg": {
"$type": "color",
"$value": "#ede9e3"
},
"surface": {
"$type": "color",
"$value": "#e1cdb6"
},
"muted": {
"$type": "color",
"$value": "#b6a395"
},
"primary": {
"$type": "color",
"$value": "#a48c6e"
},
"secondary": {
"$type": "color",
"$value": "#766f50"
},
"accent": {
"$type": "color",
"$value": "#4d4b31"
},
"highlight": {
"$type": "color",
"$value": "#343220"
},
"text": {
"$type": "color",
"$value": "#1b1405"
}
}
}About this palette
True Gramps Shoehorn System is a 8-color OKLCH-ready palette tagged green, gray, warm, 8 colors. Hex values: #EDE9E3, #E1CDB6, #B6A395, #A48C6E, #766F50, #4D4B31, #343220, #1B1405. APCA contrast score Lc 8.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 True Gramps Shoehorn System by OKLab color distance.