Ocean Breeze
#d3e5eb
Softer ocean-cool light gray for calm sections
About Ocean Breeze
Ocean Breeze looks like the sky-gray you see through a thin sheet of marine fog, not the cool frost of a window and not the muted powder-gray of a surface that forgot to be interesting. It's a touch brighter and more airy than Dreamstress, but it doesn't carry the same soft blue hush. Compared to Bare Mintimum, it stays cleaner and less "work-in-progress" looking, with less greenish tint and more open, skyward clarity.
I'd use it for light UI surfaces where you want breathing-room backgrounds that still feel intentional: onboarding steps in SaaS, card gutters in fintech dashboards, and canvas space in design software when the layout needs to hold shape. It sits nicely behind charts for analytics teams and in medical admin screens where the page should feel calm without drifting into near-white glare.
Quirk: because it's so bright, it can wash out next to Ice Cold or other sharper cools, so give it structure with slightly deeper grays for dividers and text blocks. This is the one you reach for when you want "in-between" to read as clear, not timid.
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.