Rocky Racoon
#b27a47
Dusty ochre-brown warmth for earthy, less smoky accents
About Rocky Racoon
Rocky Racoon immediately reads like toasted peanuts that have cooled down, not like fresh honey or dry clay. It's lighter than Brown Sugar and less cocoa-deep than Molten Caramel, with a calmer, sanded warmth instead of a bold, assertive brown. Where Komodo Dragon leans more dusty and compact, Rocky Racoon feels smoother and more cocoa-tan, sitting closer to a light caramel fawn than a baked-earth red-brown.
I use it when I want warmth that still feels friendly and breathable in layout. It's great for editorial sidebars, packaging that needs a "roasted but not heavy" shelf look, and UI surfaces like card containers and image captions where type needs contrast without screaming. For focus states and badges, it gives a softer signal than the deeper orange-brown notes in Molten Caramel.
One quirk: keep it away from very cool grays and creamy yellows that are too pale, or it can start to look a bit flat. With darker browns or warm charcoals, it holds its peanut-caramel tone nicely.
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.
