Salt Caramel

#d3934d

Duller, earthier amber-brown for grounded warmth

Save
Share

About Salt Caramel

Salt Caramel looks like the moment caramel cools and goes matte, not glossy. It's clearly yellow-first, but the brown tinge is fine and creamy, so it doesn't tip into 's darker, light-eating tan or 's richer leather warmth.

Compared to , it's less sunlit and less "seed-bright." Instead it lands lighter and smoother, with a gentler, milk-toffee temperature that reads warmer than a cream, but less saturated than . I reach for it in spirits and food brands for label panels, UI card headers, and checkout highlights where you want "premium" without the orange pull. It also works well for hospitality room cards and product detail layouts when the photo needs warmth, not weight.

Quirk: on very pale backgrounds it can start to flatten, so I pair it with deep charcoal text or warm grays to keep the contrast crisp.

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
2.61:1Fail

On Gray 100 #f5f5f5

Aa
2.39:1Fail

On Gray 900 #18181b

Aa
6.79:1AAAAA Large

On Black #000000

Aa
8.05:1AAA

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

Create a gradient with Salt Caramel

Open the generator with this color pre-loaded.

Start creating