Gull

#918c8f

Soft cool gray with lavender cast for subtle depth

Save
Share

About Gull

Gull is the gray that sits just slightly lighter than it reads. It's got enough warmth baked in to feel approachable, but not so much that it tips into beige territory or feels lived-in like does. This is the shade that works as a neutral without feeling cold or corporate about it.

Reach for it in long-form reading interfaces, patient portals, and settings pages where you need something that doesn't fatigue the eye but also doesn't disappear. It's warmer and airier than , so it won't anchor space the same way, but it's got more presence than , it actually sits on the screen instead of just getting out of the way. Unlike , which has a perceptible brownish pulse, Gull stays quieter and more balanced. It's the middle ground that actually feels like a choice, not a compromise.

Pair it with crisp type or saturated accents. The softness can blur into mid-tones if you're not careful, but that restraint is exactly why it works for interfaces where the content needs to breathe.

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
3.31:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.03:1FailAA Large

On Gray 900 #18181b

Aa
5.36:1AAAAA Large

On Black #000000

Aa
6.35:1AAAAA Large

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

#8f8e8c
#92898a
#919191
#929292
#8f9394

Create a gradient with Gull

Open the generator with this color pre-loaded.

Start creating