Monochrome Blush Color Palette

One rose-pink walked from the faintest blush to deepest wine across thirty steps. A monochromatic ramp for soft feminine branding, blush shading, and tonal pink layouts where you want range without introducing a second hue. Romantic at the top, dramatic at the bottom.

Get Paintrix free on the App Store.

Download

Hex codes

Color theory

Base
Complement
Analogous −30°
Analogous +30°
Triadic

Use it for

blush shadingfeminine brandingtonal layoutsgradients

Code formats

CSS
:root {
  --mono-blush-1: #FCEDF1;
  --mono-blush-2: #F9E0E7;
  --mono-blush-3: #F6D3DD;
  --mono-blush-4: #F2C5D2;
  --mono-blush-5: #EEB8C8;
  --mono-blush-6: #E9AABD;
  --mono-blush-7: #E39CB2;
  --mono-blush-8: #DC8EA7;
  --mono-blush-9: #D5809C;
  --mono-blush-10: #CD7290;
  --mono-blush-11: #C46485;
  --mono-blush-12: #BA577A;
  --mono-blush-13: #B04A6F;
  --mono-blush-14: #A54064;
  --mono-blush-15: #993859;
  --mono-blush-16: #8D314F;
  --mono-blush-17: #812A45;
  --mono-blush-18: #75243B;
  --mono-blush-19: #691F32;
  --mono-blush-20: #5D1A2A;
  --mono-blush-21: #511522;
  --mono-blush-22: #45111B;
  --mono-blush-23: #390D15;
  --mono-blush-24: #2E0A10;
  --mono-blush-25: #23070C;
  --mono-blush-26: #190509;
  --mono-blush-27: #100306;
  --mono-blush-28: #0A0204;
  --mono-blush-29: #060102;
  --mono-blush-30: #030101;
}
SCSS
$mono-blush-1: #FCEDF1;
$mono-blush-2: #F9E0E7;
$mono-blush-3: #F6D3DD;
$mono-blush-4: #F2C5D2;
$mono-blush-5: #EEB8C8;
$mono-blush-6: #E9AABD;
$mono-blush-7: #E39CB2;
$mono-blush-8: #DC8EA7;
$mono-blush-9: #D5809C;
$mono-blush-10: #CD7290;
$mono-blush-11: #C46485;
$mono-blush-12: #BA577A;
$mono-blush-13: #B04A6F;
$mono-blush-14: #A54064;
$mono-blush-15: #993859;
$mono-blush-16: #8D314F;
$mono-blush-17: #812A45;
$mono-blush-18: #75243B;
$mono-blush-19: #691F32;
$mono-blush-20: #5D1A2A;
$mono-blush-21: #511522;
$mono-blush-22: #45111B;
$mono-blush-23: #390D15;
$mono-blush-24: #2E0A10;
$mono-blush-25: #23070C;
$mono-blush-26: #190509;
$mono-blush-27: #100306;
$mono-blush-28: #0A0204;
$mono-blush-29: #060102;
$mono-blush-30: #030101;
Tailwind
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'mono-blush': {
          '1': '#FCEDF1',
          '2': '#F9E0E7',
          '3': '#F6D3DD',
          '4': '#F2C5D2',
          '5': '#EEB8C8',
          '6': '#E9AABD',
          '7': '#E39CB2',
          '8': '#DC8EA7',
          '9': '#D5809C',
          '10': '#CD7290',
          '11': '#C46485',
          '12': '#BA577A',
          '13': '#B04A6F',
          '14': '#A54064',
          '15': '#993859',
          '16': '#8D314F',
          '17': '#812A45',
          '18': '#75243B',
          '19': '#691F32',
          '20': '#5D1A2A',
          '21': '#511522',
          '22': '#45111B',
          '23': '#390D15',
          '24': '#2E0A10',
          '25': '#23070C',
          '26': '#190509',
          '27': '#100306',
          '28': '#0A0204',
          '29': '#060102',
          '30': '#030101',
        },
      },
    },
  },
};
JSON
{
  "name": "Monochrome Blush",
  "colors": [
    "#FCEDF1",
    "#F9E0E7",
    "#F6D3DD",
    "#F2C5D2",
    "#EEB8C8",
    "#E9AABD",
    "#E39CB2",
    "#DC8EA7",
    "#D5809C",
    "#CD7290",
    "#C46485",
    "#BA577A",
    "#B04A6F",
    "#A54064",
    "#993859",
    "#8D314F",
    "#812A45",
    "#75243B",
    "#691F32",
    "#5D1A2A",
    "#511522",
    "#45111B",
    "#390D15",
    "#2E0A10",
    "#23070C",
    "#190509",
    "#100306",
    "#0A0204",
    "#060102",
    "#030101"
  ]
}
Hex list
#FCEDF1
#F9E0E7
#F6D3DD
#F2C5D2
#EEB8C8
#E9AABD
#E39CB2
#DC8EA7
#D5809C
#CD7290
#C46485
#BA577A
#B04A6F
#A54064
#993859
#8D314F
#812A45
#75243B
#691F32
#5D1A2A
#511522
#45111B
#390D15
#2E0A10
#23070C
#190509
#100306
#0A0204
#060102
#030101

Related palettes

Copied