Garfield
#a75429
Richer, pumpkin-brown warmth in a yellow family
About Garfield
Picture a rust-orange label curling off a jar that's been on a workshop shelf for weeks. That's the vibe of Garfield: it's more earthy and rounded than Brandy Bear, less weathered-leather than Autumnal, and it doesn't have the airy snap of Cinnamon Sparkle. At a glance it reads like a warm caramel clay, with a muted, slightly smoky undertone that keeps it from feeling glossy or loud.
In UI, I use Garfield for product detail pages and heritage packaging when I want warmth that looks "handled" rather than bright. Think coffee roasters, spice blends, food subscription boxes, and small ecommerce accents where you need the color to hold together in buttons, badges, and section headers without turning into orange swagger. It pairs best with cream, oat, and warm grays, where it stays grounded. With cool grays it goes flat, and with brighter reds it starts competing instead of blending, so keep the neighborhood warm and quiet.
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.