Thunderbolt

#fdefad

Warm light green-beige with grounded neutral calm

Save
Share

About Thunderbolt

Thunderbolt looks like pale, sunlit hay that's been pulled slightly toward gray. It's a light greenish-yellow rather than a true . Compared with and , it's less custardy and more airy. Compared with , the citrus lift is muted, so it doesn't feel as crisp. And unlike , it doesn't read as warm theater popcorn on contact.

I use it when the background needs to feel gentle but not sleepy, especially in product pages for home goods, paper, and handmade ceramics where you want warmth with a cooler edge. It also holds up in editorial layouts and recipe cards when the header and callouts need contrast without turning yellow-background loud. This shade is the one you reach for when the design needs softness but can't drift into creamy neutrality like the others nearby.

Pair it with deep olive, charcoal, or muted pine. On very white surfaces it stays visible, but it will look a touch cooler if your typography is overly warm.

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

On Gray 100 #f5f5f5

Aa
1.06:1Fail

On Gray 900 #18181b

Aa
15.29:1AAA

On Black #000000

Aa
18.13: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 Thunderbolt

Open the generator with this color pre-loaded.

Start creating