Oh Boy!
#bbdaf8
Muted, airy periwinkle for soft blue UI backgrounds
About Oh Boy!
On my monitor, "Oh Boy!" reads like a pale blue with a punchier pulse than the softer daylit blues. It's cool without going icy, and it keeps its identity even when you drop it behind dense UI. Compared to Broad Daylight, it feels less like a firm surface and more like a gentle tint that still shows its blue clearly. And unlike Droplet, it doesn't sit in that neutral, quietly balanced lane.
I'd use Oh Boy! for onboarding steps, email and product banners, and the light panels in education platforms or consumer fintech where you want calm, not bland. It also works well for chart highlights and tag backgrounds in media sites, especially when you need the shade to feel friendly. Pair it with deeper navy or slate for contrast, and let white space do the rest so it doesn't compete with controls.
One quirk: because it's slightly more assertive than the lighter Horizons, it can look a touch more "cheery" beside grays. If your design leans clinical, steer toward a stricter, more neutral neighbor.
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.