Tortilla

#efdba7

Dusty tortilla beige green for warm UI panels

Save
Share

About Tortilla

I see Tortilla as a toasted, light bread-crumb warmth that lands on green instead of pure yellow. It's not the gold-like punch of , and it's not the near-disappearing milkiness of . feels milky and low contrast; Tortilla reads clearer and a little more deliberate, with a slightly greener undertone and a clean, bakery-soft saturation.

I use it when I want a background that still feels friendly but doesn't flatten the design. It's great for e-commerce product pages with ingredient callouts, small spec cards, and grid layouts where you need warmth that doesn't look generic. I'll also reach for it in editorial and light-mode SaaS screens, especially when headings are charcoal and you want the page to feel stocked and real, not blank. This is the one you reach for when cream tones start to look too off-white, but you're not ready to commit to a richer gold note.

Pair it with deep olive or espresso accents so it stays readable; with stark whites and very cool palettes, the green bias can get more noticeable than you'd expect.

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

On Gray 100 #f5f5f5

Aa
1.25:1Fail

On Gray 900 #18181b

Aa
12.96:1AAA

On Black #000000

Aa
15.36: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 Tortilla

Open the generator with this color pre-loaded.

Start creating