Gravlax

#ec834f

Peach amber orange with balanced punch, distinct from others

Save
Share

About Gravlax

Gravlax reads like an orange-salmon slice left in soft daylight, not the bright citrus hit you get from the yellower end. It's noticeably less orange-forward than , so the energy feels gentler, more spread out across the hue. Compared to , it's smoother and a touch more muted, with a calmer warmth that doesn't feel baked-in or deeper.

I use Gravlax when the UI needs the one you reach for that sits between orange and peach-y coral, but stays clean enough to function as a single accent. Great for food delivery and restaurant ordering flows, lifestyle ecommerce promos, and product cards where you want urgency without leaning amber-brown. In travel and booking screens, it helps highlights pop while staying friendlier than the more forceful oranges nearby.

Quirk: on very pale backgrounds it can skew slightly more coral than you expect, so I like it paired with charcoal or warm grays to keep the emphasis intentional.

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.65:1Fail

On Gray 100 #f5f5f5

Aa
2.43:1Fail

On Gray 900 #18181b

Aa
6.69:1AAAAA Large

On Black #000000

Aa
7.93: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

#ea8645
#f37a48
#f78058

Create a gradient with Gravlax

Open the generator with this color pre-loaded.

Start creating