Brown to Cotton Ball color palette
About this palette
Brown to Cotton Ball is a 6-color palette: #6A3600 (Brown), #006780 (Teal With It), #329267 (Viridian), #EB7BB9 (Pop That Gum), #00E6C2 (Fake Jade), #F2FAFF (Cotton Ball). It mixes brown, blue, green, pink, turquoise, white tones and feels cool overall. The strongest text pairing is #6A3600 on #F2FAFF with a contrast ratio of 9.29:1, and 3 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Brown | rgb(106, 54, 0) | hsl(31, 100%, 21%) | |
| Teal With It | rgb(0, 103, 128) | hsl(192, 100%, 25%) | |
| Viridian | rgb(50, 146, 103) | hsl(153, 49%, 38%) | |
| Pop That Gum | rgb(235, 123, 185) | hsl(327, 74%, 70%) | |
| Fake Jade | rgb(0, 230, 194) | hsl(171, 100%, 45%) | |
| Cotton Ball | rgb(242, 250, 255) | hsl(203, 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.
- Aa9.29:1 #6A3600 on #F2FAFF
- Aa9.29:1 #F2FAFF on #6A3600
- Aa6.12:1 #6A3600 on #00E6C2
- Aa6.12:1 #00E6C2 on #6A3600
- Aa6.12:1 #006780 on #F2FAFF
- Aa6.12:1 #F2FAFF on #006780
- Aa4.03:1 #006780 on #00E6C2
- Aa4.03:1 #00E6C2 on #006780
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Brown to Cotton Ball — https://swatchly.xyz/palette/6a3600-006780-329267-eb7bb9-00e6c2-f2faff */
:root {
--brown: #6a3600;
--teal-with-it: #006780;
--viridian: #329267;
--pop-that-gum: #eb7bb9;
--fake-jade: #00e6c2;
--cotton-ball: #f2faff;
}
Tailwind CSS v4
/* Brown to Cotton Ball — https://swatchly.xyz/palette/6a3600-006780-329267-eb7bb9-00e6c2-f2faff */
@theme {
--color-brown: #6a3600;
--color-brown-50: #fff2ea;
--color-brown-100: #ffe6d4;
--color-brown-200: #fccdab;
--color-brown-300: #eab58e;
--color-brown-400: #ce956a;
--color-brown-500: #b3794d;
--color-brown-600: #965f33;
--color-brown-700: #7c4a20;
--color-brown-800: #6a3600;
--color-brown-900: #502b08;
--color-brown-950: #341902;
--color-teal-with-it: #006780;
--color-teal-with-it-50: #e7f9ff;
--color-teal-with-it-100: #cff2ff;
--color-teal-with-it-200: #aae3f8;
--color-teal-with-it-300: #8dcfe6;
--color-teal-with-it-400: #66b2cb;
--color-teal-with-it-500: #4697b2;
--color-teal-with-it-600: #297d97;
--color-teal-with-it-700: #006780;
--color-teal-with-it-800: #005165;
--color-teal-with-it-900: #003e4e;
--color-teal-with-it-950: #002733;
--color-viridian: #329267;
--color-viridian-50: #d7ffe8;
--color-viridian-100: #bff8d8;
--color-viridian-200: #a1e5c0;
--color-viridian-300: #80cfa6;
--color-viridian-400: #55af83;
--color-viridian-500: #329267;
--color-viridian-600: #127850;
--color-viridian-700: #00603e;
--color-viridian-800: #004c2f;
--color-viridian-900: #003b24;
--color-viridian-950: #002615;
--color-pop-that-gum: #eb7bb9;
--color-pop-that-gum-50: #fff3f9;
--color-pop-that-gum-100: #ffe6f2;
--color-pop-that-gum-200: #ffc9e4;
--color-pop-that-gum-300: #ffa5d4;
--color-pop-that-gum-400: #eb7bb9;
--color-pop-that-gum-500: #cb5e9c;
--color-pop-that-gum-600: #ab4280;
--color-pop-that-gum-700: #8d2d67;
--color-pop-that-gum-800: #721c51;
--color-pop-that-gum-900: #5a113e;
--color-pop-that-gum-950: #3a0627;
--color-fake-jade: #00e6c2;
--color-fake-jade-50: #e4fff7;
--color-fake-jade-100: #bdffed;
--color-fake-jade-200: #85f4d9;
--color-fake-jade-300: #00e6c2;
--color-fake-jade-400: #00c1a2;
--color-fake-jade-500: #00a086;
--color-fake-jade-600: #00816c;
--color-fake-jade-700: #006655;
--color-fake-jade-800: #004f41;
--color-fake-jade-900: #003d32;
--color-fake-jade-950: #00261e;
--color-cotton-ball: #f2faff;
--color-cotton-ball-50: #f2faff;
--color-cotton-ball-100: #eaeff2;
--color-cotton-ball-200: #d5dbde;
--color-cotton-ball-300: #bdc4c8;
--color-cotton-ball-400: #9da4a8;
--color-cotton-ball-500: #81888c;
--color-cotton-ball-600: #666d71;
--color-cotton-ball-700: #50565a;
--color-cotton-ball-800: #3e4347;
--color-cotton-ball-900: #2f3436;
--color-cotton-ball-950: #1d2022;
}
Similar palettes
- 1A7175FFC0E23ED3E0683100C775AC4B1201Pine Scented Lagoon to Minotaur Hide
- C1755F582500007175E1EDFF00E1E3Himalayan Salt to Fish Boy
- 4F220028527100729A00A18FF886A088F0E4Evil Cigar to Turquoise Pearl
- AB84AF7ECFA3356C4EF2FAFF462E12Heart Potion to Cola
- FFF5F0AFD2A8D887675F975600658D4A264DSeashell to Murasaki
- FFF6F491DCFAFE7D4A008DAA007487742500Sugar Milk to Chestnut
- 671A36006659008D82F089BF87DEC6Her Fierceness to Opulent Turquoise
- A5DBC96B4823FFEDDC3F2651078F89AD96C9Whirlpool to Enchanted Lilac