Guinea Pig
#987652
Soft yellow-brown with gentle warmth, less olive
About Guinea Pig
I keep thinking of Guinea Pig as a soft, dusty satchel color. Not a deep brown, not a light café tint. It sits in the yellow-brown lane with a steadier, more muted look than Caramelised Pecan, but it doesn't go as calm and airy as Gazelle. Compared with Decreasing Brown, it reads a touch more light and more "brunette-warm" than coffee-filter dark.
In practice, I use it for interface surfaces that need warmth without demanding attention: hospitality booking flows, food and beverage menu panels, and editorial card backgrounds where the rest of the layout is doing the talking. It works well for secondary buttons, table striping, and status tags when you want warmth without heaviness. If you place it next to Decreasing Brown, you'll notice it holds its lightness longer; next to Caramelised Pecan, it feels more approachable and less saturated; next to Gazelle, it has more weight than a sun-warmed tint.
One quirk: on very pale creams it can look slightly chalky, so I like pairing it with deeper warm neutrals to keep it grounded.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.