Giraffe

#fefe33

Pale chartreuse warmth for soft contrast on gray

Save
Share

About Giraffe

Giraffe is what happens when you strip away 's glow and 's aggression and land somewhere almost neutral-feeling, but still unmistakably yellow. It's lighter than , 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.

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

On Gray 100 #f5f5f5

Aa
1.01:1Fail

On Gray 900 #18181b

Aa
16.40:1AAA

On Black #000000

Aa
19.44: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 Giraffe

Open the generator with this color pre-loaded.

Start creating