Thunderbolt
#fdefad
Warm light green-beige with grounded neutral calm
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 cream. Compared with Cream and Butter, it's less custardy and more airy. Compared with Sour Lemon, the citrus lift is muted, so it doesn't feel as crisp. And unlike Buttered Popcorn, 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.