Start generating

Peach Bud to Seashell color palette

F5B7B1Peach BudEAC28FMolten GoldFEC0DFPretty in PinkC6E8FFVeiling WaterfallsFFF4F0Seashell
Open in generator Export PNG, PDF, ASE…

About this palette

Peach Bud to Seashell is a 5-color pastel, light, warm palette: #F5B7B1 (Peach Bud), #EAC28F (Molten Gold), #FEC0DF (Pretty in Pink), #C6E8FF (Veiling Waterfalls), #FFF4F0 (Seashell). It mixes pink, orange, blue, white tones and feels warm overall. The strongest text pairing is #F5B7B1 on #FFF4F0 with a contrast ratio of 1.58:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Peach Budrgb(245, 183, 177)hsl(5, 77%, 83%)
Molten Goldrgb(234, 194, 143)hsl(34, 68%, 74%)
Pretty in Pinkrgb(254, 192, 223)hsl(330, 97%, 87%)
Veiling Waterfallsrgb(198, 232, 255)hsl(204, 100%, 89%)
Seashellrgb(255, 244, 240)hsl(16, 100%, 97%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

    Color blindness preview

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Peach Bud to Seashell — https://swatchly.xyz/palette/f5b7b1-eac28f-fec0df-c6e8ff-fff4f0 */
:root {
  --peach-bud: #f5b7b1;
  --molten-gold: #eac28f;
  --pretty-in-pink: #fec0df;
  --veiling-waterfalls: #c6e8ff;
  --seashell: #fff4f0;
}

    Tailwind CSS v4

    /* Peach Bud to Seashell — https://swatchly.xyz/palette/f5b7b1-eac28f-fec0df-c6e8ff-fff4f0 */
@theme {
  --color-peach-bud: #f5b7b1;
  --color-peach-bud-50: #fff7f6;
  --color-peach-bud-100: #ffebe9;
  --color-peach-bud-200: #ffd2cd;
  --color-peach-bud-300: #f5b7b1;
  --color-peach-bud-400: #d09792;
  --color-peach-bud-500: #b37a75;
  --color-peach-bud-600: #955f5a;
  --color-peach-bud-700: #794844;
  --color-peach-bud-800: #603633;
  --color-peach-bud-900: #4b2725;
  --color-peach-bud-950: #301715;
  --color-molten-gold: #eac28f;
  --color-molten-gold-50: #fff9f1;
  --color-molten-gold-100: #ffeeda;
  --color-molten-gold-200: #f6dab6;
  --color-molten-gold-300: #eac28f;
  --color-molten-gold-400: #c6a173;
  --color-molten-gold-500: #a98453;
  --color-molten-gold-600: #8c6838;
  --color-molten-gold-700: #715123;
  --color-molten-gold-800: #593d14;
  --color-molten-gold-900: #452d0a;
  --color-molten-gold-950: #2c1b03;
  --color-pretty-in-pink: #fec0df;
  --color-pretty-in-pink-50: #ffeef6;
  --color-pretty-in-pink-100: #ffdfee;
  --color-pretty-in-pink-200: #fec0df;
  --color-pretty-in-pink-300: #e2adc7;
  --color-pretty-in-pink-400: #c58ca9;
  --color-pretty-in-pink-500: #a9718e;
  --color-pretty-in-pink-600: #8d5874;
  --color-pretty-in-pink-700: #73435d;
  --color-pretty-in-pink-800: #5c3349;
  --color-pretty-in-pink-900: #492538;
  --color-pretty-in-pink-950: #2f1623;
  --color-veiling-waterfalls: #c6e8ff;
  --color-veiling-waterfalls-50: #ddf1ff;
  --color-veiling-waterfalls-100: #c6e8ff;
  --color-veiling-waterfalls-200: #bbd5e6;
  --color-veiling-waterfalls-300: #a3c0d3;
  --color-veiling-waterfalls-400: #83a2b7;
  --color-veiling-waterfalls-500: #69889d;
  --color-veiling-waterfalls-600: #516f83;
  --color-veiling-waterfalls-700: #3e596b;
  --color-veiling-waterfalls-800: #2e4655;
  --color-veiling-waterfalls-900: #213643;
  --color-veiling-waterfalls-950: #12212b;
  --color-seashell: #fff4f0;
  --color-seashell-50: #fff4f0;
  --color-seashell-100: #f1ebe8;
  --color-seashell-200: #ded6d4;
  --color-seashell-300: #c8bfbc;
  --color-seashell-400: #a9a09c;
  --color-seashell-500: #8e8480;
  --color-seashell-600: #736966;
  --color-seashell-700: #5c5350;
  --color-seashell-800: #48413e;
  --color-seashell-900: #37312f;
  --color-seashell-950: #231e1d;
}

    Similar palettes