Slippery Soap

#efedd8

Cool airy gray with clean, slippery neutrality

Save
Share

About Slippery Soap

Slippery Soap is the kind of background that keeps your content feeling clean without turning flat. I like it for hospitality digital spaces where you want calm but not sterile, like room details, check-in confirmations, and menu previews that need readable text over a warm-leaning brand. It also works in publishing layouts for page headers and pull quotes, especially alongside neutral icons and soft photography. It's warmer than pure white, but it never commits fully to the cream side like , so the temperature stays controlled across the screen.

One watch-out: because it sits between gray and cream, pairing it with very warm blacks can make the whole UI feel slightly damp. I'd keep accents either neutral-charcoal or gently cool grays so it stays crisp instead of muddy.

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

On Gray 100 #f5f5f5

Aa
1.08:1Fail

On Gray 900 #18181b

Aa
15.00:1AAA

On Black #000000

Aa
17.78: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 Slippery Soap

Open the generator with this color pre-loaded.

Start creating