Nacho

#ffcb5d

Sunlit, peachy chartreuse for friendly success accents

Save
Share

About Nacho

Nacho looks like a ripe, lightly toasted corn chip under warm task lighting. It's got that soft golden hit, but the color doesn't spike into the brighter glow of , and it doesn't turn sharper or hotter like . Compared to , the honey tone feels calmer and more even, less syrupy and less "stripe," more like a full, light wash.

I use it on food delivery apps and hospitality booking flows when you want appetite and momentum without making the UI feel like it's yelling. It also works well on e-commerce product pages behind busy photography, because it stays readable and friendly instead of washing out. Think charcoal text, deep sage accents, and warm wood or warm gray surfaces.

One quirk: it's light enough that it can pick up the room's warmth, so test next to very cool grays if you're trying to keep the background neutral rather than golden. Pairing it confidently is the goal, not dialing it down until it disappears.

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

On Gray 100 #f5f5f5

Aa
1.38:1Fail

On Gray 900 #18181b

Aa
11.77:1AAA

On Black #000000

Aa
13.95: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 Nacho

Open the generator with this color pre-loaded.

Start creating