Coyote

#dc9b68

Dusty orange-beige warmth for grounded, earthy layouts

Save
Share

About Coyote

Coyote sits in that middle ground where yellow and brown shake hands, but it's warmer and more golden than the earthed-down restraint of , and it's got actual saturation where plays it safe. This one doesn't whisper, it's got enough presence to read as intentional, but it won't muscle out the content around it the way does.

Use it in product interfaces, food delivery apps, and real estate platforms where you need warmth that feels approachable but not diluted. It works as a background for card-based layouts, anchors call-to-action buttons in hospitality and travel contexts, and pairs naturally with cream type or off-white. The balance between saturation and restraint means it reads consistent across different lighting conditions without the shift you'd get from something more orange.

Test it against your actual product photography before committing, on very warm backgrounds it can drift toward pure tan, but paired with cool grays or deep neutrals it opens up instead of receding. It's the one you reach for when feels too muted and you're not ready to commit to 's intensity.

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

On Gray 100 #f5f5f5

Aa
2.16:1Fail

On Gray 900 #18181b

Aa
7.54:1AAA

On Black #000000

Aa
8.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

Create a gradient with Coyote

Open the generator with this color pre-loaded.

Start creating