Hamtaro Brown

#b07426

Richer, darker brown amber for grounded contrast

Save
Share

About Hamtaro Brown

I see Hamtaro Brown as the middle step between toast and cocoa powder: it's warm and earthy, but it doesn't blur into the softer gold of or the heavier, more forceful saturation of . Compared to , it feels a touch lighter and less dense, like roasted grain that still has a little breathing room.

Use it when you want warm presence in food and beverage packaging where the background needs to feel cozy without going muddy. In UI, it shows up nicely in e-commerce card containers, hospitality confirmation screens, and button states that need to read approachable but grounded. It also plays well in settings for brand stories and menus where cream or warm white keeps the tone friendly while the brown keeps the layout from floating.

One quirk: because the undertone leans slightly golden, it can tip orange next to very cool grays. I like it best against warm neutrals so it reads like the one you reach for when you're balancing friendliness with actual weight.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.91:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.59:1FailAA Large

On Gray 900 #18181b

Aa
4.53:1AAAAA Large

On Black #000000

Aa
5.37:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#af7934
#af6f09
#b87333
#aa7711
#a97b2d
#aa6d28

Create a gradient with Hamtaro Brown

Open the generator with this color pre-loaded.

Start creating