Pastel CSS gradients
Soft, milky blends with a lot of light in them, for gentle brands and airy layouts. 42 gradients, each with copyable CSS and Tailwind classes.
- Little Strawlinear-gradient(45deg, #FFE9E8, #E4BD85, #BEFEDD)
- Painted Banana Breadlinear-gradient(180deg, #CAD2F5, #FFE1E4, #DEE299)
- Pale Olive Grovelinear-gradient(0deg, #E1EFC7, #AFD8C5, #9DC6CB)
- Frosted Taffylinear-gradient(200deg, #AFDEFF, #DAC6E0, #F6BB8E)
- Milky Sapphirelinear-gradient(270deg, #E3BCEE, #BED2FF, #93D8C9)
- Pale Violet Hourlinear-gradient(200deg, #FFE8EF, #C6BFEB)
- Powdered Raspberrylinear-gradient(315deg, #FFEDDD, #EFB0CA, #D3EFFF)
- Silken Apricotlinear-gradient(225deg, #E4DBA4, #FFD1D4, #D4EDFF)
- Morning Pistachiolinear-gradient(45deg, #BAE2FF, #C9F5E0, #FBBD9F)
- Sheer Flamingolinear-gradient(270deg, #F7B3CF, #FFEDD8)
- Wandering Matchalinear-gradient(270deg, #F4E7B2, #93EDDD, #EEEDFF)
- Silken Heatherlinear-gradient(90deg, #8FD3FF, #EFCFEA, #FFEAEC)
- Pale Citrinelinear-gradient(135deg, #EAD287, #BADCB0, #C7C8E9)
- Gentle Citrinelinear-gradient(270deg, #F6F9CB, #E1CCB4, #C9B9B1)
- Pale Butterlinear-gradient(90deg, #FFBCB1, #DBD689, #A3E7F0)
- Airy Sky Decklinear-gradient(225deg, #CFF7FF, #99D0EF, #8CA7CD)
- Milky Apricotlinear-gradient(180deg, #EEC882, #FAB1A0, #E2EFFF)
- Dewy Arcticlinear-gradient(225deg, #FFEBE9, #C8C2FF, #AAE4FF)
- Powdered Wisterialinear-gradient(200deg, #FFC3CD, #F1E5FF, #95DBD7)
- Silken Indigo Inklinear-gradient(225deg, #E8E7FB, #9CBCD8)
- Dewy Cloverlinear-gradient(120deg, #E3F3CB, #C6F4F0, #DFCCBF)
- Winter Lanternlinear-gradient(45deg, #EDC687, #FBD0D6, #A8CAFF)
- Sheer Periwinklelinear-gradient(90deg, #D5BCD8, #D5E0FF, #C4F1F1)
- Old Kumquatlinear-gradient(200deg, #C5D18C, #FFEDE1, #E9B5D9)
- Little Blueprintlinear-gradient(0deg, #3993C7, #F4F6FF, #EAC8FF)
- Powdered Pollenlinear-gradient(200deg, #B2DADE, #B6DA97, #FFBC97)
- Wild Mosslinear-gradient(120deg, #FFE9D6, #B7DB9E, #E0E4FF)
- Old Basillinear-gradient(160deg, #E8C17C, #B1CEB8, #BFFDF4)
- Milky Arcticlinear-gradient(180deg, #A2F0EF, #C3C3FD, #FFE7E9)
- Gentle Verdigrislinear-gradient(225deg, #B4CDB5, #A3DEF9, #FFE4EA)
- Frosted Indigo Inklinear-gradient(200deg, #CEDCBB, #82E9FC, #DACBF6)
- Milky Matchalinear-gradient(135deg, #9DF0D1, #D0D9A7, #FFE7F3)
- Silken Copperlinear-gradient(315deg, #F1F9DB, #F3DDC5, #EECFDD)
- Morning Marmaladelinear-gradient(45deg, #CDEAB9, #FFBDA1, #E1BFE1)
- Feather Evergreenlinear-gradient(120deg, #E6D0A1, #CFFFE2, #A9CEE7)
- Sheer Fernlinear-gradient(0deg, #B7FBF3, #C7CF93, #EFCAC5)
- Powdered Camellialinear-gradient(90deg, #FCD6CE, #DCBEDA, #A4D1C0)
- Frosted Bricklinear-gradient(225deg, #F2C8FF, #FFD4BB, #CBD2A7)
- Gentle Harbourlinear-gradient(0deg, #A9E3E0, #CAE6FF, #DEBAC5)
- Silken Grape Sodalinear-gradient(45deg, #E8C8F0, #AAE5FF, #FFDEC9)
- Sheer Arcticlinear-gradient(225deg, #D6F6FF, #BFD5C5, #D4B1CB)
- Pale Guavalinear-gradient(45deg, #BCE5FF, #F9ECFF, #F1B799)