Warm Spring
#4286bc
Sunlit blue for friendly highlights beside richer royals
About Warm Spring
Look at a blue sky right after sunrise, before it fully turns pale. Warm Spring keeps that same sunny lift, but it stays decidedly blue and not syrupy. Compared with King Triton's deeper, cooler authority, this one is lighter and softer in impact, so it doesn't feel like it's making the rules.
In UI, I use Warm Spring when I want dashboards and finance apps to feel a touch more human without losing clarity. It works well for selected tabs, active links, and chart series where you need the one you reach for energy. Against Sea Salt Rivers, it reads cleaner and more saturated, not misty or gray-washed. And unlike Fisher King, it doesn't sit as "working blue" and quiet, it has a brighter, warmer undertone that helps hover states and progress indicators stand out.
Quick note: pair it with neutral whites and cool grays. Next to warmer blues, it can start to look a bit more friendly than you intended, so keep the contrast intentional.
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.
