Quill Grey

#cbc9c0

Mid-neutral gray with gentle warmth, between cools

Save
Share

About Quill Grey

On my monitor, Quill Grey reads like the gray you'd keep for a draft that has to look finished fast. It's noticeably cooler and more even than , so it doesn't try to slide into beige beside warm photography or product copy. Compared to and , it feels a step less lit and less creamy, with a calmer surface that doesn't pull attention to itself.

I reach for it when I need a neutral gray field for UI that still feels soft to the touch, especially in dashboards and data-heavy document viewers for SaaS. It also works well for brand systems in editorial publishing mockups, where you want headings to stay crisp but the page background stays quiet. Put it behind charts, tables, and long-form type and it holds steady without the faint "chalk" vibe.

One quirk: Quill Grey prefers restrained partners. Pair it with cool charcoals and clean slate accents, or warmer off-whites can nudge the whole layout toward greige.

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

On Gray 100 #f5f5f5

Aa
1.52:1Fail

On Gray 900 #18181b

Aa
10.68:1AAA

On Black #000000

Aa
12.66: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

#cec9c3
#cecac3
#cfc9c7
#c6c6c2
#cbcbcb

Create a gradient with Quill Grey

Open the generator with this color pre-loaded.

Start creating