Hippie Trail

#c6aa2b

Sunlit olive-gold with airy, mellow warmth

Save
Share

About Hippie Trail

"Hippie Trail" reads like travel-stall pigment on light paper: a muted yellow-green that feels sun-warmed, not dusty, and not coppery. Compared with , it's less straight-up golden and more earthy, so it lands calmer. Versus Haystack, it has a cleaner, brighter lift instead of that straw-dry indoors vibe. And next to , it stays greener and gentler, with none of that spiced, citrus snap.

I use it when I want a mellow, lived-in highlight that still stays readable on light UI. It's great for CPG shelf UI and retail admin screens where you're tagging lots, batches, or promo tiers, plus ecommerce category badges that sit near true greens without screaming yellow. It also works in product cards and table filters for the one you reach for when you need emphasis that feels friendly rather than urgent.

Quick quirk: because it's softened and slightly earthy, it can lose punch next to very bright lemon accents, so I'll pair it with a deeper olive or warm neutral to keep it grounded.

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

On Gray 100 #f5f5f5

Aa
2.10:1Fail

On Gray 900 #18181b

Aa
7.75:1AAA

On Black #000000

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

#bea932
#ccaa00
#bda928
#c1b23e
#cab012
#cfac47

Create a gradient with Hippie Trail

Open the generator with this color pre-loaded.

Start creating