Patina
#66d0c0
Soft, muted teal for restrained blue UI accents
About Patina
Patina reads like teal paint pulled slightly back and then left to settle on a building facade. It's more mellow than Jolly Jade, less "water-thin" than Hidden Sea Glass, and not as muted and smoky as Bevelled Glass. You still get that blue-green tilt, but it feels firmer, with a little extra body in the midtones.
I use it when I want the one you reach for as a supportive surface in dashboards and finance apps, especially in fintech and healthcare admin screens where you need calm without going quiet. It's great for card fills, empty-state panels, and selected-row or focus highlights when the rest of your blues are either brighter or more gray-leaning. Compared to the nearby teals, Patina stays teal-true while feeling more grounded than the lighter options.
One quirk: on very pale backgrounds, it can pick up a touch more green than expected, so I like pairing it with cooler grays or navy text to keep the temperature steady.
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.
