Kingly Cloud
#dedede
Cool light gray with smooth, low-contrast calm
About Kingly Cloud
I like Kingly Cloud when a surface needs to look settled the second you drop it behind a layout. It reads as a very pale gray with a soft, steely undertone, not the near-ghost vanish of Ghosted and not the sharper, fluorescents-washed steadiness of Hourglass. Next to Ghosted it keeps its edges; next to Party Ice it feels less icy and less declarative, more muted and controlled.
I reach for this in publishing platforms and documentation sites where the background should disappear from the reading experience without going flat. It also works well in dashboards and finance apps for table chrome, filter panels, and form rails, especially when your data has warmth in the charts or product imagery. The mood is clean and quietly weighty, so type holds up without the page turning stark.
One caution: if you pair it with very blue grays, it can start to feel cooler than you intended. Warm up the text or bring in a neutral ink to keep it grounded.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.