Pink Champagne to Purple Poodle color palette
About this palette
Pink Champagne to Purple Poodle is a 4-color pastel, light palette: #E6E1FF (Pink Champagne), #E5DAB4 (Sesame Seed), #B8F5D3 (Smell the Mint), #DBB9D3 (Purple Poodle). It mixes purple, yellow, green, pink tones and feels balanced overall. The strongest text pairing is #B8F5D3 on #DBB9D3 with a contrast ratio of 1.43:1, and 0 of its 6 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Pink Champagne | rgb(230, 225, 255) | hsl(250, 100%, 94%) | |
| Sesame Seed | rgb(229, 218, 180) | hsl(47, 49%, 80%) | |
| Smell the Mint | rgb(184, 245, 211) | hsl(147, 75%, 84%) | |
| Purple Poodle | rgb(219, 185, 211) | hsl(314, 32%, 79%) |
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
/* Pink Champagne to Purple Poodle — https://swatchly.xyz/palette/e6e1ff-e5dab4-b8f5d3-dbb9d3 */
:root {
--pink-champagne: #e6e1ff;
--sesame-seed: #e5dab4;
--smell-the-mint: #b8f5d3;
--purple-poodle: #dbb9d3;
}
Tailwind CSS v4
/* Pink Champagne to Purple Poodle — https://swatchly.xyz/palette/e6e1ff-e5dab4-b8f5d3-dbb9d3 */
@theme {
--color-pink-champagne: #e6e1ff;
--color-pink-champagne-50: #f1eeff;
--color-pink-champagne-100: #e6e1ff;
--color-pink-champagne-200: #d3cfe6;
--color-pink-champagne-300: #beb9d3;
--color-pink-champagne-400: #9f9bb6;
--color-pink-champagne-500: #85809b;
--color-pink-champagne-600: #6c6780;
--color-pink-champagne-700: #565269;
--color-pink-champagne-800: #433f53;
--color-pink-champagne-900: #333041;
--color-pink-champagne-950: #201d29;
--color-sesame-seed: #e5dab4;
--color-sesame-seed-50: #fdf7e2;
--color-sesame-seed-100: #f4edd6;
--color-sesame-seed-200: #e5dab4;
--color-sesame-seed-300: #ccc3a4;
--color-sesame-seed-400: #ada380;
--color-sesame-seed-500: #918764;
--color-sesame-seed-600: #766c4a;
--color-sesame-seed-700: #5e5536;
--color-sesame-seed-800: #4a4227;
--color-sesame-seed-900: #39331b;
--color-sesame-seed-950: #241f0e;
--color-smell-the-mint: #b8f5d3;
--color-smell-the-mint-50: #d6fae5;
--color-smell-the-mint-100: #b8f5d3;
--color-smell-the-mint-200: #b1dfc5;
--color-smell-the-mint-300: #97caae;
--color-smell-the-mint-400: #75ad8e;
--color-smell-the-mint-500: #599374;
--color-smell-the-mint-600: #40785c;
--color-smell-the-mint-700: #2d6147;
--color-smell-the-mint-800: #1e4d36;
--color-smell-the-mint-900: #133c29;
--color-smell-the-mint-950: #082618;
--color-purple-poodle: #dbb9d3;
--color-purple-poodle-50: #fff3fc;
--color-purple-poodle-100: #fce7f7;
--color-purple-poodle-200: #ebd2e5;
--color-purple-poodle-300: #dbb9d3;
--color-purple-poodle-400: #b99ab2;
--color-purple-poodle-500: #9d7d96;
--color-purple-poodle-600: #81637a;
--color-purple-poodle-700: #674c62;
--color-purple-poodle-800: #523a4d;
--color-purple-poodle-900: #3f2b3b;
--color-purple-poodle-950: #281a25;
}
Similar palettes
- D4B1DAFFC2D0BEECCEF9D4ADEBE5FFBlushing Sky to Holographic Lavender
- E4E5FFD8B2CCFFC6E0D4FBD1FFD3AEHolographic Lavender to Young Apricot
- DAB7C7F0C8E0D6E0BDECE4FFMental Floss to Minute Mauve
- DABDDCF7B4AFE2D3FFEADE98B2ECE6FFE2F9Girl Crush to Bunny Tail
- DBC4EDF3D397FFCECFD5E7FFC6F5E7Foggy Love to Caribbean
- EBBDBFD2CC8CE3E2BCDEDDFFE9FADABlush Kiss to Futon
- C8B6DDB1DFF3C3DEB5FFD4F9AAF9DAViking Diva to Mintastic
- 9FF6F57BD0E8EEE0FFCCC5E6E6CAB6B4DCFFEternal Winter to Broad Daylight