Color Tools (126)
Monochromatic Shade Escalator Monochromatic Tint Escalator Color Shaker Cyberpunk Neon Palette Pastel Brand Palette Vintage Retro Palette Minimalist Corporate Palette Notion Dashboard Palette Indie Hacker SaaS Palette Cozy Gaming Setup Palette Old Money Aesthetic Palette GoodNotes Planner Hex Codes Boho-Chic Wedding Palette Cozy Autumn Aesthetic Luxury Apparel Brand Colors Retro 70s Psychedelic Sage Green Wedding Palette Sage Green & Terracotta Vintage Rose Palette Blush Rose Gradient Dusty Rose Complementary Antique White Pastels Midnight Cyberpunk Neon Retrowave Aesthetic Old-School Print Sepia Film Noir Monochrome Sage Green Harmony Terracotta Earth Tones Warm Cozy Autumn Color Schemes & Swatches High-End Fashion & Minimalist Brand Palettes Groovy 1970s Vintage Triadic Color Schemes Eucalyptus & Sage Green Wedding Stationary Palettes Earthy Sage Green & Terracotta Branding Schemes Pastel Lo-Fi & Cozy Gamer UI Color Schemes Classic Luxury & Heritage Branding Color Schemes Aesthetic iPad Digital Journaling Palette Swatches Tailwind CSS HSL Theme Config Builder for shadcn/ui Sage Green & Cream Palette Navy & Gold Palette Dusty Rose & Taupe Palette Terracotta & Sage Palette Midnight Blue & Coral Palette Mustard Yellow & Navy Palette Blush Pink & Gold Palette Forest & Cream Palette Burgundy & Blush Palette Teal & Coral Palette Charcoal & Mint Palette Lavender & Cream Palette Burnt Orange & Brown Palette Slate Blue & Cream Palette Olive & Terracotta Palette Peach & Sage Palette Aqua & White Palette Mauve & Gray Palette Rustic Kraft Palette Sky Blue & White Palette Camel & Navy Palette Emerald & Gold Palette Black & Cream Palette Coral & Teal Palette Lilac & Mint Palette Warm Stone Palette Electric Indigo Palette Glacier Blue Palette Butter & Slate Palette Digital Citrus Palette Coastal Mist Palette Concrete & Copper Palette Obsidian & Gold Palette Chocolate Brown Palette Peach Fuzz Palette E5A93B Color (Mustard Gold) D96B43 Color (Terracotta) 87A987 Color (Sage Green) 8C8275 Color (Warm Taupe) A2B59F Color (Sage Green) E6D7C3 Color (Warm Cream) Cloud Dancer Palette Mocha Mousse Palette Transformative Teal Palette Future Dusk Palette Luminous Blue Palette Eggshell Blue Palette Butter Yellow Palette Dusty Mauve Palette Papaya Palette Flamingo Pink Palette Graphite Palette Bordeaux Wine Palette Heritage Navy Palette Cambridge Green Palette Gilded Walnut Palette Opera Red Palette Midnight Espresso Palette Old Library Palette Ivy Hall Palette Oxford Study Palette Sepia Archive Palette Antique Gold Palette Muted Navy & Wine Palette Vintage Botanical Palette Amber Cabin Palette Cinnamon Oat Palette Amber Hearth Palette Cabin Hearth Ember Palette Autumn Plaid Palette Autumn Mug Warmth Palette Hygge Neutrals Palette Japandi Earth Palette Warm Oatmeal & Sage Palette Candlelit Parlor Palette Wildflower Meadow Palette Honey & Herb Palette Herb Garden Notebook Palette Baked Clay & Cream Palette Quiet Linen Palette Ivory Ink Palette Ghost Gray Palette Sage & Stone Palette Terracotta Minimal Palette Arctic Blue Palette Dusty Rose & Greige Palette Nordic Sofa Neutrals Palette Faded Teal Palette Sunfaded Postcard Palette
← Back to Tools

Lavender & Cream Palette

Design calming baby nursery and floral themes with this lavender and cream palette featuring #E6E6FA light lavender, #FFFDD0 cream yellow, #D8BFD8 thistle purple, and #FAF0E6 linen white.

Export

Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.

:root {
  --light-lavender: #E6E6FA;
  --light-lavender-50: #fefeff;
  --light-lavender-100: #fefeff;
  --light-lavender-200: #fcfcff;
  --light-lavender-300: #fbfbff;
  --light-lavender-400: #f8f8ff;
  --light-lavender-500: #E6E6FA;
  --light-lavender-600: #ceced6;
  --light-lavender-700: #919198;
  --light-lavender-800: #59595e;
  --light-lavender-900: #2b2b2e;
  --light-lavender-950: #080809;
  --cream-yellow: #FFFDD0;
  --cream-yellow-50: #fffffd;
  --cream-yellow-100: #fffffb;
  --cream-yellow-200: #fffff8;
  --cream-yellow-300: #fffff3;
  --cream-yellow-400: #ffffee;
  --cream-yellow-500: #FFFDD0;
  --cream-yellow-600: #d7d7c3;
  --cream-yellow-700: #999888;
  --cream-yellow-800: #5e5d51;
  --cream-yellow-900: #2e2e26;
  --cream-yellow-950: #090906;
  --thistle-purple: #D8BFD8;
  --thistle-purple-50: #fffdff;
  --thistle-purple-100: #fefbfe;
  --thistle-purple-200: #fcf8fc;
  --thistle-purple-300: #faf3fa;
  --thistle-purple-400: #f6ecf6;
  --thistle-purple-500: #D8BFD8;
  --thistle-purple-600: #c8bdc8;
  --thistle-purple-700: #8e858e;
  --thistle-purple-800: #585058;
  --thistle-purple-900: #2b262b;
  --thistle-purple-950: #080708;
  --linen-white: #FAF0E6;
  --linen-white-50: #fffffe;
  --linen-white-100: #fffefd;
  --linen-white-200: #fffdfc;
  --linen-white-300: #fffcfa;
  --linen-white-400: #fefbf7;
  --linen-white-500: #FAF0E6;
  --linen-white-600: #d6d2cd;
  --linen-white-700: #979490;
  --linen-white-800: #5d5b58;
  --linen-white-900: #2e2c2a;
  --linen-white-950: #090808;
}
$light-lavender: #E6E6FA;
$light-lavender-50: #fefeff;
$light-lavender-100: #fefeff;
$light-lavender-200: #fcfcff;
$light-lavender-300: #fbfbff;
$light-lavender-400: #f8f8ff;
$light-lavender-500: #E6E6FA;
$light-lavender-600: #ceced6;
$light-lavender-700: #919198;
$light-lavender-800: #59595e;
$light-lavender-900: #2b2b2e;
$light-lavender-950: #080809;
$cream-yellow: #FFFDD0;
$cream-yellow-50: #fffffd;
$cream-yellow-100: #fffffb;
$cream-yellow-200: #fffff8;
$cream-yellow-300: #fffff3;
$cream-yellow-400: #ffffee;
$cream-yellow-500: #FFFDD0;
$cream-yellow-600: #d7d7c3;
$cream-yellow-700: #999888;
$cream-yellow-800: #5e5d51;
$cream-yellow-900: #2e2e26;
$cream-yellow-950: #090906;
$thistle-purple: #D8BFD8;
$thistle-purple-50: #fffdff;
$thistle-purple-100: #fefbfe;
$thistle-purple-200: #fcf8fc;
$thistle-purple-300: #faf3fa;
$thistle-purple-400: #f6ecf6;
$thistle-purple-500: #D8BFD8;
$thistle-purple-600: #c8bdc8;
$thistle-purple-700: #8e858e;
$thistle-purple-800: #585058;
$thistle-purple-900: #2b262b;
$thistle-purple-950: #080708;
$linen-white: #FAF0E6;
$linen-white-50: #fffffe;
$linen-white-100: #fffefd;
$linen-white-200: #fffdfc;
$linen-white-300: #fffcfa;
$linen-white-400: #fefbf7;
$linen-white-500: #FAF0E6;
$linen-white-600: #d6d2cd;
$linen-white-700: #979490;
$linen-white-800: #5d5b58;
$linen-white-900: #2e2c2a;
$linen-white-950: #090808;
colors: {
    'light-lavender': {
      50: '#fefeff',
      100: '#fefeff',
      200: '#fcfcff',
      300: '#fbfbff',
      400: '#f8f8ff',
      500: '#E6E6FA',
      600: '#ceced6',
      700: '#919198',
      800: '#59595e',
      900: '#2b2b2e',
      950: '#080809',
      DEFAULT: '#E6E6FA',
    },
    'cream-yellow': {
      50: '#fffffd',
      100: '#fffffb',
      200: '#fffff8',
      300: '#fffff3',
      400: '#ffffee',
      500: '#FFFDD0',
      600: '#d7d7c3',
      700: '#999888',
      800: '#5e5d51',
      900: '#2e2e26',
      950: '#090906',
      DEFAULT: '#FFFDD0',
    },
    'thistle-purple': {
      50: '#fffdff',
      100: '#fefbfe',
      200: '#fcf8fc',
      300: '#faf3fa',
      400: '#f6ecf6',
      500: '#D8BFD8',
      600: '#c8bdc8',
      700: '#8e858e',
      800: '#585058',
      900: '#2b262b',
      950: '#080708',
      DEFAULT: '#D8BFD8',
    },
    'linen-white': {
      50: '#fffffe',
      100: '#fffefd',
      200: '#fffdfc',
      300: '#fffcfa',
      400: '#fefbf7',
      500: '#FAF0E6',
      600: '#d6d2cd',
      700: '#979490',
      800: '#5d5b58',
      900: '#2e2c2a',
      950: '#090808',
      DEFAULT: '#FAF0E6',
    },
  },
[
  {
    "name": "light-lavender",
    "harmony": "Palette",
    "hex": "#E6E6FA",
    "rgb": {
      "r": 230,
      "g": 230,
      "b": 250
    },
    "hsl": {
      "h": 240,
      "s": 67,
      "l": 94
    },
    "value": "#E6E6FA",
    "tonalScale": {
      "50": {
        "hex": "#fefeff",
        "rgb": {
          "r": 254,
          "g": 254,
          "b": 255
        }
      },
      "100": {
        "hex": "#fefeff",
        "rgb": {
          "r": 254,
          "g": 254,
          "b": 255
        }
      },
      "200": {
        "hex": "#fcfcff",
        "rgb": {
          "r": 252,
          "g": 252,
          "b": 255
        }
      },
      "300": {
        "hex": "#fbfbff",
        "rgb": {
          "r": 251,
          "g": 251,
          "b": 255
        }
      },
      "400": {
        "hex": "#f8f8ff",
        "rgb": {
          "r": 248,
          "g": 248,
          "b": 255
        }
      },
      "500": {
        "hex": "#E6E6FA",
        "rgb": {
          "r": 230,
          "g": 230,
          "b": 250
        }
      },
      "600": {
        "hex": "#ceced6",
        "rgb": {
          "r": 206,
          "g": 206,
          "b": 214
        }
      },
      "700": {
        "hex": "#919198",
        "rgb": {
          "r": 145,
          "g": 145,
          "b": 152
        }
      },
      "800": {
        "hex": "#59595e",
        "rgb": {
          "r": 89,
          "g": 89,
          "b": 94
        }
      },
      "900": {
        "hex": "#2b2b2e",
        "rgb": {
          "r": 43,
          "g": 43,
          "b": 46
        }
      },
      "950": {
        "hex": "#080809",
        "rgb": {
          "r": 8,
          "g": 8,
          "b": 9
        }
      }
    }
  },
  {
    "name": "cream-yellow",
    "harmony": "Palette",
    "hex": "#FFFDD0",
    "rgb": {
      "r": 255,
      "g": 253,
      "b": 208
    },
    "hsl": {
      "h": 57,
      "s": 100,
      "l": 91
    },
    "value": "#FFFDD0",
    "tonalScale": {
      "50": {
        "hex": "#fffffd",
        "rgb": {
          "r": 255,
          "g": 255,
          "b": 253
        }
      },
      "100": {
        "hex": "#fffffb",
        "rgb": {
          "r": 255,
          "g": 255,
          "b": 251
        }
      },
      "200": {
        "hex": "#fffff8",
        "rgb": {
          "r": 255,
          "g": 255,
          "b": 248
        }
      },
      "300": {
        "hex": "#fffff3",
        "rgb": {
          "r": 255,
          "g": 255,
          "b": 243
        }
      },
      "400": {
        "hex": "#ffffee",
        "rgb": {
          "r": 255,
          "g": 255,
          "b": 238
        }
      },
      "500": {
        "hex": "#FFFDD0",
        "rgb": {
          "r": 255,
          "g": 253,
          "b": 208
        }
      },
      "600": {
        "hex": "#d7d7c3",
        "rgb": {
          "r": 215,
          "g": 215,
          "b": 195
        }
      },
      "700": {
        "hex": "#999888",
        "rgb": {
          "r": 153,
          "g": 152,
          "b": 136
        }
      },
      "800": {
        "hex": "#5e5d51",
        "rgb": {
          "r": 94,
          "g": 93,
          "b": 81
        }
      },
      "900": {
        "hex": "#2e2e26",
        "rgb": {
          "r": 46,
          "g": 46,
          "b": 38
        }
      },
      "950": {
        "hex": "#090906",
        "rgb": {
          "r": 9,
          "g": 9,
          "b": 6
        }
      }
    }
  },
  {
    "name": "thistle-purple",
    "harmony": "Palette",
    "hex": "#D8BFD8",
    "rgb": {
      "r": 216,
      "g": 191,
      "b": 216
    },
    "hsl": {
      "h": 300,
      "s": 24,
      "l": 80
    },
    "value": "#D8BFD8",
    "tonalScale": {
      "50": {
        "hex": "#fffdff",
        "rgb": {
          "r": 255,
          "g": 253,
          "b": 255
        }
      },
      "100": {
        "hex": "#fefbfe",
        "rgb": {
          "r": 254,
          "g": 251,
          "b": 254
        }
      },
      "200": {
        "hex": "#fcf8fc",
        "rgb": {
          "r": 252,
          "g": 248,
          "b": 252
        }
      },
      "300": {
        "hex": "#faf3fa",
        "rgb": {
          "r": 250,
          "g": 243,
          "b": 250
        }
      },
      "400": {
        "hex": "#f6ecf6",
        "rgb": {
          "r": 246,
          "g": 236,
          "b": 246
        }
      },
      "500": {
        "hex": "#D8BFD8",
        "rgb": {
          "r": 216,
          "g": 191,
          "b": 216
        }
      },
      "600": {
        "hex": "#c8bdc8",
        "rgb": {
          "r": 200,
          "g": 189,
          "b": 200
        }
      },
      "700": {
        "hex": "#8e858e",
        "rgb": {
          "r": 142,
          "g": 133,
          "b": 142
        }
      },
      "800": {
        "hex": "#585058",
        "rgb": {
          "r": 88,
          "g": 80,
          "b": 88
        }
      },
      "900": {
        "hex": "#2b262b",
        "rgb": {
          "r": 43,
          "g": 38,
          "b": 43
        }
      },
      "950": {
        "hex": "#080708",
        "rgb": {
          "r": 8,
          "g": 7,
          "b": 8
        }
      }
    }
  },
  {
    "name": "linen-white",
    "harmony": "Palette",
    "hex": "#FAF0E6",
    "rgb": {
      "r": 250,
      "g": 240,
      "b": 230
    },
    "hsl": {
      "h": 30,
      "s": 67,
      "l": 94
    },
    "value": "#FAF0E6",
    "tonalScale": {
      "50": {
        "hex": "#fffffe",
        "rgb": {
          "r": 255,
          "g": 255,
          "b": 254
        }
      },
      "100": {
        "hex": "#fffefd",
        "rgb": {
          "r": 255,
          "g": 254,
          "b": 253
        }
      },
      "200": {
        "hex": "#fffdfc",
        "rgb": {
          "r": 255,
          "g": 253,
          "b": 252
        }
      },
      "300": {
        "hex": "#fffcfa",
        "rgb": {
          "r": 255,
          "g": 252,
          "b": 250
        }
      },
      "400": {
        "hex": "#fefbf7",
        "rgb": {
          "r": 254,
          "g": 251,
          "b": 247
        }
      },
      "500": {
        "hex": "#FAF0E6",
        "rgb": {
          "r": 250,
          "g": 240,
          "b": 230
        }
      },
      "600": {
        "hex": "#d6d2cd",
        "rgb": {
          "r": 214,
          "g": 210,
          "b": 205
        }
      },
      "700": {
        "hex": "#979490",
        "rgb": {
          "r": 151,
          "g": 148,
          "b": 144
        }
      },
      "800": {
        "hex": "#5d5b58",
        "rgb": {
          "r": 93,
          "g": 91,
          "b": 88
        }
      },
      "900": {
        "hex": "#2e2c2a",
        "rgb": {
          "r": 46,
          "g": 44,
          "b": 42
        }
      },
      "950": {
        "hex": "#090808",
        "rgb": {
          "r": 9,
          "g": 8,
          "b": 8
        }
      }
    }
  }
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950
light-lavender,Palette,#E6E6FA,"rgb(230, 230, 250)","hsl(240, 67%, 94%)",#E6E6FA,#fefeff,#fefeff,#fcfcff,#fbfbff,#f8f8ff,#E6E6FA,#ceced6,#919198,#59595e,#2b2b2e,#080809
cream-yellow,Palette,#FFFDD0,"rgb(255, 253, 208)","hsl(57, 100%, 91%)",#FFFDD0,#fffffd,#fffffb,#fffff8,#fffff3,#ffffee,#FFFDD0,#d7d7c3,#999888,#5e5d51,#2e2e26,#090906
thistle-purple,Palette,#D8BFD8,"rgb(216, 191, 216)","hsl(300, 24%, 80%)",#D8BFD8,#fffdff,#fefbfe,#fcf8fc,#faf3fa,#f6ecf6,#D8BFD8,#c8bdc8,#8e858e,#585058,#2b262b,#080708
linen-white,Palette,#FAF0E6,"rgb(250, 240, 230)","hsl(30, 67%, 94%)",#FAF0E6,#fffffe,#fffefd,#fffdfc,#fffcfa,#fefbf7,#FAF0E6,#d6d2cd,#979490,#5d5b58,#2e2c2a,#090808
GIMP Palette
Name: PocketSwiss analogous
Columns: 4
#
230 230 250   light-lavender
254 254 255   light-lavender-50
254 254 255   light-lavender-100
252 252 255   light-lavender-200
251 251 255   light-lavender-300
248 248 255   light-lavender-400
230 230 250   light-lavender-500
206 206 214   light-lavender-600
145 145 152   light-lavender-700
 89  89  94   light-lavender-800
 43  43  46   light-lavender-900
  8   8   9   light-lavender-950
255 253 208   cream-yellow
255 255 253   cream-yellow-50
255 255 251   cream-yellow-100
255 255 248   cream-yellow-200
255 255 243   cream-yellow-300
255 255 238   cream-yellow-400
255 253 208   cream-yellow-500
215 215 195   cream-yellow-600
153 152 136   cream-yellow-700
 94  93  81   cream-yellow-800
 46  46  38   cream-yellow-900
  9   9   6   cream-yellow-950
216 191 216   thistle-purple
255 253 255   thistle-purple-50
254 251 254   thistle-purple-100
252 248 252   thistle-purple-200
250 243 250   thistle-purple-300
246 236 246   thistle-purple-400
216 191 216   thistle-purple-500
200 189 200   thistle-purple-600
142 133 142   thistle-purple-700
 88  80  88   thistle-purple-800
 43  38  43   thistle-purple-900
  8   7   8   thistle-purple-950
250 240 230   linen-white
255 255 254   linen-white-50
255 254 253   linen-white-100
255 253 252   linen-white-200
255 252 250   linen-white-300
254 251 247   linen-white-400
250 240 230   linen-white-500
214 210 205   linen-white-600
151 148 144   linen-white-700
 93  91  88   linen-white-800
 46  44  42   linen-white-900
  9   8   8   linen-white-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.

What is Lavender & Cream Palette?

Design calming baby nursery and floral themes with this lavender and cream palette featuring #E6E6FA light lavender, #FFFDD0 cream yellow, #D8BFD8 thistle purple, and #FAF0E6 linen white. This free lavender & cream palette tool runs entirely in your browser — no sign-up, no uploads, and no data leaves your device.

Why use the Lavender & Cream Palette tool?

Browse by mood: Wedding & Romantic Color Palettes · Pastel & Soft Color Palettes · Neutral & Minimalist Color Palettes