Giraffe
#fefe33
Pale chartreuse warmth for soft contrast on gray
About Giraffe
Giraffe is what happens when you strip away Bee Yellow's glow and Daffodil's aggression and land somewhere almost neutral-feeling, but still unmistakably yellow. It's lighter than Big Yellow Taxi, less warm, less commanding. The kind of color that sits in the room without announcing itself, which means it actually works harder because you're not fighting it for attention.
Reach for it in long-form interfaces where yellow needs to exist but fade into the background, editorial sites, content management systems, reading apps where the canvas shouldn't compete with text. Lighter UI themes that need a pop of warmth without the intensity. Design tools where you're spending eight hours staring and need something that doesn't fatigue. It holds a lot of neutral gray around it without turning cold, but pair it with cool tones and it doesn't sharpen the way its brighter cousins do.
The real difference: this one's almost too pale to register as intentional at first glance, which is exactly when you know it's doing the job right. It's the yellow for designers who don't want yellow to be the first thing you notice.
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.