Pelican

#c1bcac

Warm, creamy gray for softer, less dusty UI

Save
Share

About Pelican

Pelican (a pale gray with a slightly dusty, creamy undertone) looks like the color of weathered stone that's been left out of direct sun. It stays soft without drifting fully beige, so it feels gentler than 's more decisive cool and less grounded than .

I use it as a calm panel wash for dashboards and finance apps when the UI needs neutrality that doesn't tip icy. It's also a good fit for SaaS settings pages, e-commerce filters, and HR or ops tools where you're stacking lots of form fields and tables but still want the interface to feel light. Compared to , Pelican reads a touch warmer and less metallic, so it doesn't give that slightly brushed-steel hush.

Pair it with medium gray typography and restrained borders. If you go too warm on accents, it can take on a muted peach note, but it settles nicely once your contrast is crisp.

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

On Gray 100 #f5f5f5

Aa
1.74:1Fail

On Gray 900 #18181b

Aa
9.33:1AAA

On Black #000000

Aa
11.06: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 Pelican

Open the generator with this color pre-loaded.

Start creating