Getting Wet
#c3dae3
Lighter cool gray-blue for airy, calm surfaces
About Getting Wet
Getting Wet is the gray that actually sits in the water. It's got more saturation than Breath of Fresh Air, enough that you can see the color doing work instead of just disappearing. There's a slight blue-gray lean, but it's muted and grounded, not the crisp cool of Bird Bath Blue. This one feels like it's been lived in.
Use it for secondary surfaces in product interfaces where you need visible separation without drama: form fields, card backgrounds, panel dividers in design tools and SaaS dashboards. It works in healthcare apps, finance UIs, editorial layouts, anywhere you want the surface itself to have a presence. Head in the Clouds is too fragile for this job; Getting Wet has enough density to actually hold content. Pair it with deep gray text, warm accents, or clean white space and it anchors without demanding attention.
The thing: it sits right at the threshold where gray stops being invisible and starts being a choice. Use it when near-white feels too timid but full color feels wrong.
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.