Yuno

    Gradients

    A curated collection of color gradients. Linear, radial, and conic gradients ready to copy and use in your projects.

    Abyss

    oceanlinear
    Black · Navy · Blue
    linear-gradient(90deg,#000000,#000080,#0000FF)

    Amber Glow

    sunsetlinear
    Dark Orange · Gold · Cornsilk
    linear-gradient(0deg,#FF8C00,#FFD700,#FFF8DC)

    Amethyst

    royalconic
    Amethyst · Purple · Lavender
    conic-gradient(from 0deg,#9966CC,#800080,#E6E6FA)

    Apricot Nectar

    sunsetlinear
    Peach Puff · Moccasin · Cornsilk
    linear-gradient(90deg,#FFDAB9,#FFE4B5,#FFF8DC)

    Aqua Marine

    teallinear
    Aquamarine · Light Sea Green · Cyan
    linear-gradient(90deg,#7FFFD4,#20B2AA,#00FFFF)

    Arctic Ice

    oceanradial
    Cyan · Light Cyan · White
    radial-gradient(circle,#00FFFF,#E0FFFF,#FFFFFF)

    Arctic Waters

    tealconic
    Sky Blue · Powder Blue · Light Cyan
    conic-gradient(from 0deg,#87CEEB,#B0E0E6,#E0FFFF)

    Aurora

    speciallinear
    Forest Green · Cyan · Blue Violet
    linear-gradient(0deg,#228B22,#00FFFF,#8A2BE2)

    Autumn Earth

    earthlinear
    Sienna · Chocolate · Gold
    linear-gradient(90deg,#A0522D,#D2691E,#FFD700)

    Autumn Leaf

    sunsetlinear
    Sienna · Chocolate · Gold
    linear-gradient(0deg,#A0522D,#D2691E,#FFD700)

    Azure Blue

    tealradial
    Azure · Steel Blue · Light Steel Blue
    radial-gradient(circle,#007FFF,#4682B4,#B0C4DE)

    Blush

    pinklinear
    Light Pink · Pink · Lavender Blush
    linear-gradient(0deg,#FFB6C1,#FFC0CB,#FFF0F5)

    Bubblegum

    pinklinear
    Hot Pink · Peach Puff · Pink
    linear-gradient(90deg,#FF69B4,#FFDAB9,#FFC0CB)

    Candy Shop

    speciallinear
    Hot Pink · Green Yellow · Pale Green
    linear-gradient(0deg,#FF69B4,#ADFF2F,#98FB98)

    Charcoal Embers

    earthlinear
    Dark Slate Gray · Dim Gray · Silver
    linear-gradient(0deg,#2F4F4F,#696969,#C0C0C0)

    Cherry Blossom

    specialradial
    Light Pink · Pink · White
    radial-gradient(circle,#FFB6C1,#FFC0CB,#FFFFFF)

    Clay

    earthlinear
    Sienna · Peru · Chocolate
    linear-gradient(135deg,#A0522D,#CD853F,#D2691E)

    Clover

    forestlinear
    Forest Green · Emerald · Teal
    linear-gradient(135deg,#228B22,#50C878,#008080)

    Cobalt Sky

    teallinear
    Cobalt · Dodger Blue · Sky Blue
    linear-gradient(0deg,#0047AB,#1E90FF,#87CEEB)

    Cocoa

    earthlinear
    Chocolate · Sienna · Saddle Brown
    linear-gradient(90deg,#D2691E,#A0522D,#8B4513)

    Copper

    speciallinear
    Copper · Peru · Sienna
    linear-gradient(90deg,#B87333,#CD853F,#A0522D)

    Coral Pink

    pinkradial
    Coral · Hot Pink · Light Pink
    radial-gradient(circle,#FF7F50,#FF69B4,#FFB6C1)

    Coral Reef

    sunsetconic
    Coral · Salmon · Peach Puff
    conic-gradient(from 0deg,#FF7F50,#FA8072,#FFDAB9)

    Cotton Candy

    pinkconic
    Pink · Light Pink · White
    conic-gradient(from 0deg,#FFC0CB,#FFB6C1,#FFFFFF)

    Showing 24 of 93 gradients