#16A085
#F4D03F
Linear CSS gradient
#101 Palo Alto Gradient
Palo Alto combines dark teal (#16A085) and amber (#F4D03F) in a vivid two colour stops linear CSS gradient.
The rich saturation ensures strong visual presence even at small sizes — useful for icons, badges, and accent strips.
Works well for sports and fitness apps, brand campaign pages, digital art portfolios. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#16A085rgb(22, 160, 133)
#F4D03Frgb(244, 208, 63)
CSS code
background-image: linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);