Soft Pastels Color Palette

A full pastel rainbow — powder pink, peach, butter, mint, and periwinkle-lilac, every hue softened to the same gentle register. Sweet and airy without any one color dominating, so it stays balanced across a whole layout. For nursery and baby goods, soft packaging, and dreamy, low-contrast illustration.

Get Paintrix free on the App Store.

Download

Hex codes

Color theory

Base
Complement
Analogous −30°
Analogous +30°
Triadic

Use it for

nursery and babysoft packagingdreamy illustrationbackgrounds

Code formats

CSS
:root {
  --soft-pastels-1: #FBDDE6;
  --soft-pastels-2: #F9CDD9;
  --soft-pastels-3: #F7BDCC;
  --soft-pastels-4: #F4ADBF;
  --soft-pastels-5: #F19EB2;
  --soft-pastels-6: #EC8FA6;
  --soft-pastels-7: #FCE0D2;
  --soft-pastels-8: #FAD0BC;
  --soft-pastels-9: #F8C1A8;
  --soft-pastels-10: #F5B295;
  --soft-pastels-11: #F2A483;
  --soft-pastels-12: #ED9672;
  --soft-pastels-13: #FBF1C4;
  --soft-pastels-14: #F8E9AE;
  --soft-pastels-15: #F4E198;
  --soft-pastels-16: #EFD884;
  --soft-pastels-17: #E8CE72;
  --soft-pastels-18: #DFC362;
  --soft-pastels-19: #DAF2DE;
  --soft-pastels-20: #C6EACC;
  --soft-pastels-21: #B2E1BA;
  --soft-pastels-22: #9ED8A8;
  --soft-pastels-23: #8BCE98;
  --soft-pastels-24: #79C388;
  --soft-pastels-25: #D6E6F6;
  --soft-pastels-26: #C4D8F0;
  --soft-pastels-27: #C7C9F0;
  --soft-pastels-28: #CCBCEC;
  --soft-pastels-29: #D2B2E6;
  --soft-pastels-30: #D8AADE;
}
SCSS
$soft-pastels-1: #FBDDE6;
$soft-pastels-2: #F9CDD9;
$soft-pastels-3: #F7BDCC;
$soft-pastels-4: #F4ADBF;
$soft-pastels-5: #F19EB2;
$soft-pastels-6: #EC8FA6;
$soft-pastels-7: #FCE0D2;
$soft-pastels-8: #FAD0BC;
$soft-pastels-9: #F8C1A8;
$soft-pastels-10: #F5B295;
$soft-pastels-11: #F2A483;
$soft-pastels-12: #ED9672;
$soft-pastels-13: #FBF1C4;
$soft-pastels-14: #F8E9AE;
$soft-pastels-15: #F4E198;
$soft-pastels-16: #EFD884;
$soft-pastels-17: #E8CE72;
$soft-pastels-18: #DFC362;
$soft-pastels-19: #DAF2DE;
$soft-pastels-20: #C6EACC;
$soft-pastels-21: #B2E1BA;
$soft-pastels-22: #9ED8A8;
$soft-pastels-23: #8BCE98;
$soft-pastels-24: #79C388;
$soft-pastels-25: #D6E6F6;
$soft-pastels-26: #C4D8F0;
$soft-pastels-27: #C7C9F0;
$soft-pastels-28: #CCBCEC;
$soft-pastels-29: #D2B2E6;
$soft-pastels-30: #D8AADE;
Tailwind
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'soft-pastels': {
          '1': '#FBDDE6',
          '2': '#F9CDD9',
          '3': '#F7BDCC',
          '4': '#F4ADBF',
          '5': '#F19EB2',
          '6': '#EC8FA6',
          '7': '#FCE0D2',
          '8': '#FAD0BC',
          '9': '#F8C1A8',
          '10': '#F5B295',
          '11': '#F2A483',
          '12': '#ED9672',
          '13': '#FBF1C4',
          '14': '#F8E9AE',
          '15': '#F4E198',
          '16': '#EFD884',
          '17': '#E8CE72',
          '18': '#DFC362',
          '19': '#DAF2DE',
          '20': '#C6EACC',
          '21': '#B2E1BA',
          '22': '#9ED8A8',
          '23': '#8BCE98',
          '24': '#79C388',
          '25': '#D6E6F6',
          '26': '#C4D8F0',
          '27': '#C7C9F0',
          '28': '#CCBCEC',
          '29': '#D2B2E6',
          '30': '#D8AADE',
        },
      },
    },
  },
};
JSON
{
  "name": "Soft Pastels",
  "colors": [
    "#FBDDE6",
    "#F9CDD9",
    "#F7BDCC",
    "#F4ADBF",
    "#F19EB2",
    "#EC8FA6",
    "#FCE0D2",
    "#FAD0BC",
    "#F8C1A8",
    "#F5B295",
    "#F2A483",
    "#ED9672",
    "#FBF1C4",
    "#F8E9AE",
    "#F4E198",
    "#EFD884",
    "#E8CE72",
    "#DFC362",
    "#DAF2DE",
    "#C6EACC",
    "#B2E1BA",
    "#9ED8A8",
    "#8BCE98",
    "#79C388",
    "#D6E6F6",
    "#C4D8F0",
    "#C7C9F0",
    "#CCBCEC",
    "#D2B2E6",
    "#D8AADE"
  ]
}
Hex list
#FBDDE6
#F9CDD9
#F7BDCC
#F4ADBF
#F19EB2
#EC8FA6
#FCE0D2
#FAD0BC
#F8C1A8
#F5B295
#F2A483
#ED9672
#FBF1C4
#F8E9AE
#F4E198
#EFD884
#E8CE72
#DFC362
#DAF2DE
#C6EACC
#B2E1BA
#9ED8A8
#8BCE98
#79C388
#D6E6F6
#C4D8F0
#C7C9F0
#CCBCEC
#D2B2E6
#D8AADE

Related palettes

Copied