Palette · 7 colors · Lc 8.4
True Guinea Pig Fog palette
True Guinea Pig Fog: a 7-color palette (Trending, Green, Gray, Warm). HEX, RGB, HSL and OKLCH for #F4E9DF, #E2C3AB, #B58E68, #967147, #5B4325, #3A2B18, #0A0501, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F4E9DF
surface
#E2C3AB
muted
#B58E68
primary
#967147
secondary
#5B4325
accent
#3A2B18
text
#0A0501
Colors in True Guinea Pig Fog: HEX, RGB, HSL & OKLCH
- #F4E9DF color page →
bg
#F4E9DF
- RGB
- rgb(244 233 223)
- HSL
- hsl(29 49% 92%)
- OKLCH
- oklch(0.94 0.018 64.9)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.56:1 (AAA)
- #E2C3AB color page →
surface
#E2C3AB
- RGB
- rgb(226 195 171)
- HSL
- hsl(26 49% 78%)
- OKLCH
- oklch(0.837 0.048 59.8)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.62:1 (AAA)
- #B58E68 color page →
muted
#B58E68
- RGB
- rgb(181 142 104)
- HSL
- hsl(30 34% 56%)
- OKLCH
- oklch(0.674 0.071 65.4)
WCAG contrast: on white 2.98:1 (Fail) · on black 7.03:1 (AAA)
- #967147 color page →
primary
#967147
- RGB
- rgb(150 113 71)
- HSL
- hsl(32 36% 43%)
- OKLCH
- oklch(0.576 0.074 69)
WCAG contrast: on white 4.42:1 (Fail) · on black 4.74:1 (AA)
- #5B4325 color page →
secondary
#5B4325
- RGB
- rgb(91 67 37)
- HSL
- hsl(33 42% 25%)
- OKLCH
- oklch(0.402 0.055 71.3)
WCAG contrast: on white 9.23:1 (AAA) · on black 2.27:1 (Fail)
- #3A2B18 color page →
accent
#3A2B18
- RGB
- rgb(58 43 24)
- HSL
- hsl(34 41% 16%)
- OKLCH
- oklch(0.301 0.038 72.1)
WCAG contrast: on white 13.64:1 (AAA) · on black 1.53:1 (Fail)
- #0A0501 color page →
text
#0A0501
- RGB
- rgb(10 5 1)
- HSL
- hsl(27 82% 2%)
- OKLCH
- oklch(0.121 0.02 74.1)
WCAG contrast: on white 20.28:1 (AAA) · on black 1.03:1 (Fail)
Export True Guinea Pig Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f4e9df;
--surface: #e2c3ab;
--muted: #b58e68;
--primary: #967147;
--secondary: #5b4325;
--accent: #3a2b18;
--text: #0a0501;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f4e9df;
--color-surface: #e2c3ab;
--color-muted: #b58e68;
--color-primary: #967147;
--color-secondary: #5b4325;
--color-accent: #3a2b18;
--color-text: #0a0501;
}JSON (DTCG tokens)
{
"true-guinea-pig-fog-gx": {
"bg": {
"$type": "color",
"$value": "#f4e9df"
},
"surface": {
"$type": "color",
"$value": "#e2c3ab"
},
"muted": {
"$type": "color",
"$value": "#b58e68"
},
"primary": {
"$type": "color",
"$value": "#967147"
},
"secondary": {
"$type": "color",
"$value": "#5b4325"
},
"accent": {
"$type": "color",
"$value": "#3a2b18"
},
"text": {
"$type": "color",
"$value": "#0a0501"
}
}
}About this palette
True Guinea Pig Fog is a 7-color OKLCH-ready palette tagged trending, green, gray, warm, 7 colors. Hex values: #F4E9DF, #E2C3AB, #B58E68, #967147, #5B4325, #3A2B18, #0A0501. APCA contrast score Lc 8.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 True Guinea Pig Fog by OKLab color distance.