Crisps

#e2bd67

Golden-green midtone for grounded highlights, not airy

Save
Share

About Crisps

Crisps lands in that goldish territory where it's lighter and less yellow than , but it's got enough warmth that it doesn't feel like a pale accident. It's the kind of color that reads as intentional without announcing itself. Where pushes forward with actual saturation, Crisps steps back slightly, still present, still warm, just less demanding.

Use it on product interfaces, editorial layouts, and dashboard accents where you need warmth that won't compete with content or photography. It works especially well in softer palettes where a richer gold would feel out of place, or next to cooler grays and muted greens where it can breathe. It's got more life than 24 Karat without the forward momentum of .

The thing: it's desaturated enough that it can read almost neutral on very warm backgrounds, but next to white or pale neutrals it'll show its true nature. Pair it with charcoal, soft wood, or linen and it settles immediately. It's the color you reach for when you want gold energy without the commitment.

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

On Gray 100 #f5f5f5

Aa
1.65:1Fail

On Gray 900 #18181b

Aa
9.88:1AAA

On Black #000000

Aa
11.71: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 Crisps

Open the generator with this color pre-loaded.

Start creating