Good Morning

#fcfcda

Pale gray-leaning yellow for airy morning panels

Save
Share

About Good Morning

Good Morning is the one you reach for when feels too tentative and too yellow. It sits almost imperceptibly warmer than white, the kind of color that makes you second-guess whether you're even looking at a tint or just good lighting. There's barely any opinion in it, which is exactly the point.

This works best as a neutral canvas in long-form reading, documentation sites, publishing platforms, editorial layouts where the page should feel clean but not cold. It's solid in product interfaces, financial dashboards, even print where you need warmth without the cream drift. Pair it with dark text and it disappears the way you want a background to disappear. Pair it with photography and it doesn't compete.

The difference from is temperature: Good Morning is marginally less cool, marginally less fussy about being noticed. From Buttermilk, it's the opposite, Good Morning pulls back the saturation another notch, which means it won't push its warmth forward when you sit it next to cooler grays. It's the quietest option in this range, the one that trusts the content to do the work.

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

On Gray 100 #f5f5f5

Aa
1.04:1Fail

On Gray 900 #18181b

Aa
16.94:1AAA

On Black #000000

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

#fffcda
#fffed9
#fff9d8
#fffed8
#ffffdd
#fff8dc

Create a gradient with Good Morning

Open the generator with this color pre-loaded.

Start creating