Puff of Pink to Dark Serpent color palette
FFCFEDPuff of PinkA094F8Cold LipsD344A2Lustful Wishes486C00Over the Hills443D8BBlueberry193314Dark Serpent
About this palette
Puff of Pink to Dark Serpent is a 6-color cool palette: #FFCFED (Puff of Pink), #A094F8 (Cold Lips), #D344A2 (Lustful Wishes), #486C00 (Over the Hills), #443D8B (Blueberry), #193314 (Dark Serpent). It mixes pink, purple, green tones and feels cool overall. The strongest text pairing is #FFCFED on #193314 with a contrast ratio of 10.10:1, and 4 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Puff of Pink | rgb(255, 207, 237) | hsl(322, 100%, 91%) | |
| Cold Lips | rgb(160, 148, 248) | hsl(247, 88%, 78%) | |
| Lustful Wishes | rgb(211, 68, 162) | hsl(321, 62%, 55%) | |
| Over the Hills | rgb(72, 108, 0) | hsl(80, 100%, 21%) | |
| Blueberry | rgb(68, 61, 139) | hsl(245, 39%, 39%) | |
| Dark Serpent | rgb(25, 51, 20) | hsl(110, 44%, 14%) |
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.
- Aa10.10:1 #FFCFED on #193314
- Aa10.10:1 #193314 on #FFCFED
- Aa6.74:1 #FFCFED on #443D8B
- Aa6.74:1 #443D8B on #FFCFED
- Aa5.30:1 #A094F8 on #193314
- Aa5.30:1 #193314 on #A094F8
- Aa4.50:1 #FFCFED on #486C00
- Aa4.50:1 #486C00 on #FFCFED
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Puff of Pink to Dark Serpent — https://swatchly.xyz/palette/ffcfed-a094f8-d344a2-486c00-443d8b-193314 */
:root {
--puff-of-pink: #ffcfed;
--cold-lips: #a094f8;
--lustful-wishes: #d344a2;
--over-the-hills: #486c00;
--blueberry: #443d8b;
--dark-serpent: #193314;
}
Tailwind CSS v4
/* Puff of Pink to Dark Serpent — https://swatchly.xyz/palette/ffcfed-a094f8-d344a2-486c00-443d8b-193314 */
@theme {
--color-puff-of-pink: #ffcfed;
--color-puff-of-pink-50: #fff8fc;
--color-puff-of-pink-100: #ffecf7;
--color-puff-of-pink-200: #ffcfed;
--color-puff-of-pink-300: #e1bad2;
--color-puff-of-pink-400: #c298b3;
--color-puff-of-pink-500: #a67a96;
--color-puff-of-pink-600: #885f7a;
--color-puff-of-pink-700: #6e4961;
--color-puff-of-pink-800: #56364b;
--color-puff-of-pink-900: #44293a;
--color-puff-of-pink-950: #2b1825;
--color-cold-lips: #a094f8;
--color-cold-lips-50: #f5f5ff;
--color-cold-lips-100: #ebeaff;
--color-cold-lips-200: #d6d4ff;
--color-cold-lips-300: #bfbaff;
--color-cold-lips-400: #a094f8;
--color-cold-lips-500: #8578d9;
--color-cold-lips-600: #6b5cb9;
--color-cold-lips-700: #55469b;
--color-cold-lips-800: #42347f;
--color-cold-lips-900: #322665;
--color-cold-lips-950: #1f1643;
--color-lustful-wishes: #d344a2;
--color-lustful-wishes-50: #fff0f8;
--color-lustful-wishes-100: #ffe1f1;
--color-lustful-wishes-200: #ffc2e4;
--color-lustful-wishes-300: #ff9ad6;
--color-lustful-wishes-400: #f066be;
--color-lustful-wishes-500: #d344a2;
--color-lustful-wishes-600: #b32586;
--color-lustful-wishes-700: #94076d;
--color-lustful-wishes-800: #760056;
--color-lustful-wishes-900: #5d0043;
--color-lustful-wishes-950: #3d002a;
--color-over-the-hills: #486c00;
--color-over-the-hills-50: #e7ffce;
--color-over-the-hills-100: #dbf6be;
--color-over-the-hills-200: #c6e6a4;
--color-over-the-hills-300: #afd387;
--color-over-the-hills-400: #8fb660;
--color-over-the-hills-500: #759c41;
--color-over-the-hills-600: #5d8225;
--color-over-the-hills-700: #486c00;
--color-over-the-hills-800: #375500;
--color-over-the-hills-900: #2a4100;
--color-over-the-hills-950: #192900;
--color-blueberry: #443d8b;
--color-blueberry-50: #f3f4ff;
--color-blueberry-100: #e8e9ff;
--color-blueberry-200: #d1d3ff;
--color-blueberry-300: #babbff;
--color-blueberry-400: #9b9aed;
--color-blueberry-500: #817fd3;
--color-blueberry-600: #6966b7;
--color-blueberry-700: #55519c;
--color-blueberry-800: #443d8b;
--color-blueberry-900: #34306a;
--color-blueberry-950: #201d48;
--color-dark-serpent: #193314;
--color-dark-serpent-50: #e9fbe6;
--color-dark-serpent-100: #def2da;
--color-dark-serpent-200: #c8e0c3;
--color-dark-serpent-300: #afcaaa;
--color-dark-serpent-400: #8caa87;
--color-dark-serpent-500: #6f8d6a;
--color-dark-serpent-600: #55714f;
--color-dark-serpent-700: #3f583a;
--color-dark-serpent-800: #2e4329;
--color-dark-serpent-900: #193314;
--color-dark-serpent-950: #111d0f;
}
Similar palettes
- 23380E233D60617A4BCB637098A8D0FFCECFDarkest Forest to Love Fumes
- 1434204B4A867E6823C584BDA4BEFFFFE9F5Pitch-Black Forests to Fairy Dust
- 063B532E4800417301CD50776AA6E0FFB3C4Maniac Mansion to Matt Pink
- FCCDEC00667D292A00BE72B159460079BAD4Puff of Pink to Juvie
- 83B7F0334717D36297FFE7EE0060ABFly Away to Wing Commander
- FFCDD5B589E7576117002A25Love Fumes to Swamp Thing
- F38ADE008455532B5AFFCCF8002A1963995ABubblegum Kisses to Wicked Witch
- 124218CC8BB889C2959858903B6044FFD2F4Deep Pond to Kissed by Mist