Hazelwood

#fff3d5

Save

About Hazelwood

Hazelwood is warmer than the others in this cluster, but it doesn't announce itself the way a true cream does. It's got more yellow in it than Buttermelon or Crème de Pêche, enough that you'll see it shift across different screens, but it never tips into that dated vanilla territory. It's the color that reads as intentional the moment you set it down.

This one lands well in food and beverage interfaces, e-commerce product pages where you want approachable warmth, and editorial work that needs character without aggression. It also works in publishing platforms and SaaS dashboards when you're targeting audiences that respond to something slightly richer than a neutral. The saturation is there, more present than Creamy Cloud Dreams, more opinionated than Buttermelon, but it stays grounded enough that it doesn't demand you build your whole palette around it.

Pair it with mid-to-warm neutrals and it sings. Pair it with cool grays and you'll feel the tension, which is actually useful if you want contrast that doesn't scream. Test it in your actual interface before locking it in; the yellow will read differently depending on your screen's warmth.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Create a gradient with Hazelwood

Open the generator with this color pre-loaded.

Start creating