Track and Field to Plum Highness color palette
DB6150Track and Field99D2DCInfinity Pool1D4725ZucchiniE398D0Sultan of Pink843238Blood Oath83577BPlum Highness
About this palette
Track and Field to Plum Highness is a 6-color warm, vintage palette: #DB6150 (Track and Field), #99D2DC (Infinity Pool), #1D4725 (Zucchini), #E398D0 (Sultan of Pink), #843238 (Blood Oath), #83577B (Plum Highness). It mixes red, turquoise, green, pink tones and feels warm overall. The strongest text pairing is #99D2DC on #1D4725 with a contrast ratio of 6.37:1, and 3 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Track and Field | rgb(219, 97, 80) | hsl(7, 66%, 59%) | |
| Infinity Pool | rgb(153, 210, 220) | hsl(189, 49%, 73%) | |
| Zucchini | rgb(29, 71, 37) | hsl(131, 42%, 20%) | |
| Sultan of Pink | rgb(227, 152, 208) | hsl(315, 57%, 74%) | |
| Blood Oath | rgb(132, 50, 56) | hsl(356, 45%, 36%) | |
| Plum Highness | rgb(131, 87, 123) | hsl(311, 20%, 43%) |
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.
- Aa6.37:1 #99D2DC on #1D4725
- Aa6.37:1 #1D4725 on #99D2DC
- Aa5.05:1 #99D2DC on #843238
- Aa5.05:1 #843238 on #99D2DC
- Aa4.88:1 #1D4725 on #E398D0
- Aa4.88:1 #E398D0 on #1D4725
- Aa3.88:1 #E398D0 on #843238
- Aa3.88:1 #843238 on #E398D0
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Track and Field to Plum Highness — https://swatchly.xyz/palette/db6150-99d2dc-1d4725-e398d0-843238-83577b */
:root {
--track-and-field: #db6150;
--infinity-pool: #99d2dc;
--zucchini: #1d4725;
--sultan-of-pink: #e398d0;
--blood-oath: #843238;
--plum-highness: #83577b;
}
Tailwind CSS v4
/* Track and Field to Plum Highness — https://swatchly.xyz/palette/db6150-99d2dc-1d4725-e398d0-843238-83577b */
@theme {
--color-track-and-field: #db6150;
--color-track-and-field-50: #fff3f1;
--color-track-and-field-100: #ffe7e3;
--color-track-and-field-200: #ffcdc5;
--color-track-and-field-300: #ffad9f;
--color-track-and-field-400: #f67f6d;
--color-track-and-field-500: #db6150;
--color-track-and-field-600: #ba4435;
--color-track-and-field-700: #9a2d21;
--color-track-and-field-800: #7d1c12;
--color-track-and-field-900: #641008;
--color-track-and-field-950: #420502;
--color-infinity-pool: #99d2dc;
--color-infinity-pool-50: #ebfcff;
--color-infinity-pool-100: #d5f6fc;
--color-infinity-pool-200: #bde5ec;
--color-infinity-pool-300: #99d2dc;
--color-infinity-pool-400: #7cb0ba;
--color-infinity-pool-500: #5d949e;
--color-infinity-pool-600: #427881;
--color-infinity-pool-700: #2d6068;
--color-infinity-pool-800: #1d4b52;
--color-infinity-pool-900: #12393f;
--color-infinity-pool-950: #072428;
--color-zucchini: #1d4725;
--color-zucchini-50: #e4fde6;
--color-zucchini-100: #d7f4da;
--color-zucchini-200: #c0e2c3;
--color-zucchini-300: #a4cca9;
--color-zucchini-400: #81ac86;
--color-zucchini-500: #648f69;
--color-zucchini-600: #4a734f;
--color-zucchini-700: #355a3b;
--color-zucchini-800: #1d4725;
--color-zucchini-900: #1a351f;
--color-zucchini-950: #0e2111;
--color-sultan-of-pink: #e398d0;
--color-sultan-of-pink-50: #ffe6f8;
--color-sultan-of-pink-100: #ffd3f3;
--color-sultan-of-pink-200: #f4b7e4;
--color-sultan-of-pink-300: #e398d0;
--color-sultan-of-pink-400: #c37cb1;
--color-sultan-of-pink-500: #a96298;
--color-sultan-of-pink-600: #8d4b7e;
--color-sultan-of-pink-700: #743967;
--color-sultan-of-pink-800: #5f2a53;
--color-sultan-of-pink-900: #4d1f43;
--color-sultan-of-pink-950: #32112b;
--color-blood-oath: #843238;
--color-blood-oath-50: #fff1f1;
--color-blood-oath-100: #ffe4e3;
--color-blood-oath-200: #ffc6c6;
--color-blood-oath-300: #f8a6a7;
--color-blood-oath-400: #db8284;
--color-blood-oath-500: #bd6568;
--color-blood-oath-600: #9e4b4f;
--color-blood-oath-700: #843238;
--color-blood-oath-800: #67272b;
--color-blood-oath-900: #521b20;
--color-blood-oath-950: #350e12;
--color-plum-highness: #83577b;
--color-plum-highness-50: #fff0fc;
--color-plum-highness-100: #ffdff8;
--color-plum-highness-200: #eec9e6;
--color-plum-highness-300: #daafd1;
--color-plum-highness-400: #bc8eb3;
--color-plum-highness-500: #9f7297;
--color-plum-highness-600: #83577b;
--color-plum-highness-700: #6a4363;
--color-plum-highness-800: #54334e;
--color-plum-highness-900: #42263d;
--color-plum-highness-950: #2a1627;
}
Similar palettes
- 7BDAE7C48ECACE73717848862C4929Cold Blue to Forestry
- 77475C004232A5D0BEBA6D8CD494AAE7FFF6Nocturne Red to Snow White
- 8DD0DCD58CAC4F8D6784506A24391EWater Nymph to Darkest Forest
- 3318000048268B4A7AB47C43EB8CBDC9E7FFClose but No Cigar to Veiling Waterfalls
- 923E4D84D3E72F9C57E89DB5003F17007D95Liaison to Pacific Pleasure
- 9BD5D7A4A5DCBE695B655482444A2BExotic Escape to Palm Leaf
- 7CE6F2C891A9C664328A4B2E004B4A341B27Bath Water to Bruised Plum
- 044315865474A86F9DD195BDA7E4B0Realm of the Underworld to Celadon