Wild Life
#a5c1c0
Higher, silvery blue-teal for airy side panels
About Wild Life
On a light UI canvas, Wild Life reads like a calm sky-blue that's slightly steely, not milky. It has a cool, grayish undertone, so it feels more structured than the softer, foggier teals nearby. Compared to Pastel Turquoise, it holds onto more blue presence and doesn't wash out as easily. Compared to Seafoam Whisper, it stays cleaner and less mint-leaning.
Use it when you want that secondary surface to look crisp without turning teal-first like Continental Waters. It works as the card background for lifestyle and health interfaces where you need a serene tone, and it's a solid pick for settings screens, filters, and table headers in consumer apps that still need to feel "designed," not pastel. It's also the one you reach for when you want blue family cohesion but less green pull than the more grounded neighbors.
One note: on warmer displays, its gray-blue balance can make it feel a touch more muted, so pair with confident contrast typography (charcoal or deep slate) and let spacing do the rest.
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.