Bunny Tail to Dark Olive color palette
FFDDFDBunny Tail00DFD2Ice Climber34AE94Hole in One5F8119Enchanted Forest94269FPurple Ink353D09Dark Olive
About this palette
Bunny Tail to Dark Olive is a 6-color cool palette: #FFDDFD (Bunny Tail), #00DFD2 (Ice Climber), #34AE94 (Hole in One), #5F8119 (Enchanted Forest), #94269F (Purple Ink), #353D09 (Dark Olive). It mixes pink, turquoise, green tones and feels cool overall. The strongest text pairing is #FFDDFD on #353D09 with a contrast ratio of 9.33:1, and 3 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Bunny Tail | rgb(255, 221, 253) | hsl(304, 100%, 93%) | |
| Ice Climber | rgb(0, 223, 210) | hsl(177, 100%, 44%) | |
| Hole in One | rgb(52, 174, 148) | hsl(167, 54%, 44%) | |
| Enchanted Forest | rgb(95, 129, 25) | hsl(80, 68%, 30%) | |
| Purple Ink | rgb(148, 38, 159) | hsl(295, 61%, 39%) | |
| Dark Olive | rgb(53, 61, 9) | hsl(69, 74%, 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.
- Aa9.33:1 #FFDDFD on #353D09
- Aa9.33:1 #353D09 on #FFDDFD
- Aa6.85:1 #00DFD2 on #353D09
- Aa6.85:1 #353D09 on #00DFD2
- Aa5.60:1 #FFDDFD on #94269F
- Aa5.60:1 #94269F on #FFDDFD
- Aa4.18:1 #34AE94 on #353D09
- Aa4.18:1 #353D09 on #34AE94
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Bunny Tail to Dark Olive — https://swatchly.xyz/palette/ffddfd-00dfd2-34ae94-5f8119-94269f-353d09 */
:root {
--bunny-tail: #ffddfd;
--ice-climber: #00dfd2;
--hole-in-one: #34ae94;
--enchanted-forest: #5f8119;
--purple-ink: #94269f;
--dark-olive: #353d09;
}
Tailwind CSS v4
/* Bunny Tail to Dark Olive — https://swatchly.xyz/palette/ffddfd-00dfd2-34ae94-5f8119-94269f-353d09 */
@theme {
--color-bunny-tail: #ffddfd;
--color-bunny-tail-50: #ffedfe;
--color-bunny-tail-100: #ffddfd;
--color-bunny-tail-200: #e6cde4;
--color-bunny-tail-300: #d2b5d0;
--color-bunny-tail-400: #b495b2;
--color-bunny-tail-500: #997a97;
--color-bunny-tail-600: #7d607c;
--color-bunny-tail-700: #654b64;
--color-bunny-tail-800: #50394f;
--color-bunny-tail-900: #3e2b3e;
--color-bunny-tail-950: #281a27;
--color-ice-climber: #00dfd2;
--color-ice-climber-50: #d9fffa;
--color-ice-climber-100: #a9fff6;
--color-ice-climber-200: #7fefe4;
--color-ice-climber-300: #00dfd2;
--color-ice-climber-400: #00bbb0;
--color-ice-climber-500: #009c92;
--color-ice-climber-600: #007d76;
--color-ice-climber-700: #00635d;
--color-ice-climber-800: #004e49;
--color-ice-climber-900: #003c38;
--color-ice-climber-950: #002623;
--color-hole-in-one: #34ae94;
--color-hole-in-one-50: #caffef;
--color-hole-in-one-100: #b2f7e3;
--color-hole-in-one-200: #90e4cd;
--color-hole-in-one-300: #6bceb5;
--color-hole-in-one-400: #34ae94;
--color-hole-in-one-500: #00937b;
--color-hole-in-one-600: #007763;
--color-hole-in-one-700: #005f4e;
--color-hole-in-one-800: #004b3e;
--color-hole-in-one-900: #003b30;
--color-hole-in-one-950: #00261e;
--color-enchanted-forest: #5f8119;
--color-enchanted-forest-50: #e8ffca;
--color-enchanted-forest-100: #def7bd;
--color-enchanted-forest-200: #cae7a2;
--color-enchanted-forest-300: #b2d383;
--color-enchanted-forest-400: #92b55b;
--color-enchanted-forest-500: #789b3a;
--color-enchanted-forest-600: #5f8119;
--color-enchanted-forest-700: #496700;
--color-enchanted-forest-800: #385000;
--color-enchanted-forest-900: #2a3e00;
--color-enchanted-forest-950: #192700;
--color-purple-ink: #94269f;
--color-purple-ink-50: #fef0ff;
--color-purple-ink-100: #fdddff;
--color-purple-ink-200: #fab9ff;
--color-purple-ink-300: #f191fa;
--color-purple-ink-400: #d269dc;
--color-purple-ink-500: #b348be;
--color-purple-ink-600: #94269f;
--color-purple-ink-700: #781782;
--color-purple-ink-800: #610869;
--color-purple-ink-900: #4d0154;
--color-purple-ink-950: #330038;
--color-dark-olive: #353d09;
--color-dark-olive-50: #f2f9dc;
--color-dark-olive-100: #e8f0cf;
--color-dark-olive-200: #d4ddb5;
--color-dark-olive-300: #bdc79a;
--color-dark-olive-400: #9ea978;
--color-dark-olive-500: #848f5c;
--color-dark-olive-600: #6b7544;
--color-dark-olive-700: #565e31;
--color-dark-olive-800: #444c23;
--color-dark-olive-900: #353d09;
--color-dark-olive-950: #21260c;
}
Similar palettes
- A69D00F8E1FF4240005BD9B799449ALucky to Vicious Violet
- 2D3B1A67419879851700B8D3FFAF93E5FCFFQueen of Trees to Bubbles
- 82934200C8DBB7664B8443AB354C00FFCEC1Chorus of Frogs to Piggy Bank
- 303D1D5C4483859C72A8CA93F6E9FFForestry to Perfume Haze
- 529D4C38194590D356314B00FEEEFF9646D1Golf Course to Dreamscape Purple
- 52312E6759AC8C935E65D3D0ECE6FFEspresso to Holographic Lavender
- 532B5000622CA2609746A88167CB9DFFD5EDMurasaki to Strawberry Milk
- 004522883B78358D5A6FC367F1C3F4Deep Pond to Purple’s Baby Sister