Puff of Pink to Sapling color palette
About this palette
Puff of Pink to Sapling is a 6-color cool palette: #FFD3F4 (Puff of Pink), #00615E (Mosque), #D26CAD (Super Pink), #303B0C (Dark Olive), #007C75 (Wizards Orb), #AEBA60 (Sapling). It mixes pink, turquoise, green tones and feels cool overall. The strongest text pairing is #FFD3F4 on #303B0C with a contrast ratio of 9.04:1, and 3 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Puff of Pink | rgb(255, 211, 244) | hsl(315, 100%, 91%) | |
| Mosque | rgb(0, 97, 94) | hsl(178, 100%, 19%) | |
| Super Pink | rgb(210, 108, 173) | hsl(322, 53%, 62%) | |
| Dark Olive | rgb(48, 59, 12) | hsl(74, 66%, 14%) | |
| Wizards Orb | rgb(0, 124, 117) | hsl(177, 100%, 24%) | |
| Sapling | rgb(174, 186, 96) | hsl(68, 39%, 55%) |
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.
- Aa9.04:1 #FFD3F4 on #303B0C
- Aa9.04:1 #303B0C on #FFD3F4
- Aa5.69:1 #303B0C on #AEBA60
- Aa5.69:1 #AEBA60 on #303B0C
- Aa5.53:1 #FFD3F4 on #00615E
- Aa5.53:1 #00615E on #FFD3F4
- Aa3.83:1 #FFD3F4 on #007C75
- Aa3.83:1 #007C75 on #FFD3F4
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Puff of Pink to Sapling — https://swatchly.xyz/palette/ffd3f4-00615e-d26cad-303b0c-007c75-aeba60 */
:root {
--puff-of-pink: #ffd3f4;
--mosque: #00615e;
--super-pink: #d26cad;
--dark-olive: #303b0c;
--wizards-orb: #007c75;
--sapling: #aeba60;
}
Tailwind CSS v4
/* Puff of Pink to Sapling — https://swatchly.xyz/palette/ffd3f4-00615e-d26cad-303b0c-007c75-aeba60 */
@theme {
--color-puff-of-pink: #ffd3f4;
--color-puff-of-pink-50: #ffe5f8;
--color-puff-of-pink-100: #ffd3f4;
--color-puff-of-pink-200: #e6c5de;
--color-puff-of-pink-300: #d3aeca;
--color-puff-of-pink-400: #b78fad;
--color-puff-of-pink-500: #9d7593;
--color-puff-of-pink-600: #825d79;
--color-puff-of-pink-700: #6a4863;
--color-puff-of-pink-800: #55374e;
--color-puff-of-pink-900: #42293d;
--color-puff-of-pink-950: #2a1826;
--color-mosque: #00615e;
--color-mosque-50: #d6fffc;
--color-mosque-100: #c8f6f3;
--color-mosque-200: #ace4e0;
--color-mosque-300: #8ececa;
--color-mosque-400: #67b0ac;
--color-mosque-500: #479490;
--color-mosque-600: #2a7875;
--color-mosque-700: #00615e;
--color-mosque-800: #024c49;
--color-mosque-900: #003b39;
--color-mosque-950: #002523;
--color-super-pink: #d26cad;
--color-super-pink-50: #ffeaf6;
--color-super-pink-100: #ffd7ee;
--color-super-pink-200: #ffb4e1;
--color-super-pink-300: #f192cd;
--color-super-pink-400: #d26cad;
--color-super-pink-500: #b65393;
--color-super-pink-600: #993b79;
--color-super-pink-700: #7f2963;
--color-super-pink-800: #671c4f;
--color-super-pink-900: #53123f;
--color-super-pink-950: #38082a;
--color-dark-olive: #303b0c;
--color-dark-olive-50: #f1fade;
--color-dark-olive-100: #e6f0d1;
--color-dark-olive-200: #d2ddb8;
--color-dark-olive-300: #bac79d;
--color-dark-olive-400: #9ba97a;
--color-dark-olive-500: #808e5f;
--color-dark-olive-600: #677446;
--color-dark-olive-700: #515d33;
--color-dark-olive-800: #404a24;
--color-dark-olive-900: #303b0c;
--color-dark-olive-950: #1e250d;
--color-wizards-orb: #007c75;
--color-wizards-orb-50: #d6fffa;
--color-wizards-orb-100: #c0f8f2;
--color-wizards-orb-200: #a3e6df;
--color-wizards-orb-300: #83d1ca;
--color-wizards-orb-400: #58b3ab;
--color-wizards-orb-500: #339790;
--color-wizards-orb-600: #007c75;
--color-wizards-orb-700: #00625d;
--color-wizards-orb-800: #004d48;
--color-wizards-orb-900: #003c38;
--color-wizards-orb-950: #002523;
--color-sapling: #aeba60;
--color-sapling-50: #f9ffdd;
--color-sapling-100: #f1fac8;
--color-sapling-200: #e0e9ae;
--color-sapling-300: #cbd690;
--color-sapling-400: #aeba60;
--color-sapling-500: #909b42;
--color-sapling-600: #737d1f;
--color-sapling-700: #5a6300;
--color-sapling-800: #454c00;
--color-sapling-900: #343900;
--color-sapling-950: #1e2200;
}
Similar palettes
- 124218CC8BB889C2959858903B6044FFD2F4Deep Pond to Kissed by Mist
- 2635113D3F64506BA9C481B6A7C379FFE0F8Darkest Forest to Bunny Tail
- FFC3BF97BE718268C700717F3C4000Piglet to Dark Olive
- 163533CBA59328696DB67990FEDDE8Elite Teal to Strawberry Cheesecake
- 005E5E927FD0AAB45F0041409F605BCFCAFAMosque to Innocent Snowdrop
- F8CCE0C088948EC0AF0077630C312D673448Ballerina to Siren
- FCCDEC00667D292A00BE72B159460079BAD4Puff of Pink to Juvie
- 9DB392F8E8FF4F6E4AD3B4DA9A78A3354320Rooftop Garden to Forestry