Track and Field to Jungle Look color palette

D0695CTrack and Field 98CAC9Continental Waters FFD7DBWe Peep 3B3B7AEvening Magic 7B7422Jungle Look

About this palette

Track and Field to Jungle Look is a 5-color warm, vintage palette: #D0695C (Track and Field), #98CAC9 (Continental Waters), #FFD7DB (We Peep), #3B3B7A (Evening Magic), #7B7422 (Jungle Look). It mixes red, turquoise, pink, purple, brown tones and feels warm overall. The strongest text pairing is #FFD7DB on #3B3B7A with a contrast ratio of 7.64:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Track and Field	rgb(208, 105, 92)	hsl(7, 55%, 59%)
Continental Waters	rgb(152, 202, 201)	hsl(179, 32%, 69%)
We Peep	rgb(255, 215, 219)	hsl(354, 100%, 92%)
Evening Magic	rgb(59, 59, 122)	hsl(240, 35%, 35%)
Jungle Look	rgb(123, 116, 34)	hsl(55, 57%, 31%)

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.

Aa7.64:1 Very good#FFD7DB on #3B3B7A
Aa7.64:1 Very good#3B3B7A on #FFD7DB
Aa5.56:1 Good#98CAC9 on #3B3B7A
Aa5.56:1 Good#3B3B7A on #98CAC9
Aa3.67:1 Poor#FFD7DB on #7B7422
Aa3.67:1 Poor#7B7422 on #FFD7DB

Color blindness preview

CSS variables

/* Track and Field to Jungle Look — https://swatchly.xyz/palette/d0695c-98cac9-ffd7db-3b3b7a-7b7422 */
:root {
  --track-and-field: #d0695c;
  --continental-waters: #98cac9;
  --we-peep: #ffd7db;
  --evening-magic: #3b3b7a;
  --jungle-look: #7b7422;
}

Tailwind CSS v4

/* Track and Field to Jungle Look — https://swatchly.xyz/palette/d0695c-98cac9-ffd7db-3b3b7a-7b7422 */
@theme {
  --color-track-and-field: #d0695c;
  --color-track-and-field-50: #fff3f1;
  --color-track-and-field-100: #ffe7e3;
  --color-track-and-field-200: #ffcdc5;
  --color-track-and-field-300: #ffaca0;
  --color-track-and-field-400: #eb8678;
  --color-track-and-field-500: #d0695c;
  --color-track-and-field-600: #b04d42;
  --color-track-and-field-700: #92372e;
  --color-track-and-field-800: #76261f;
  --color-track-and-field-900: #5d1a14;
  --color-track-and-field-950: #3d0c08;
  --color-continental-waters: #98cac9;
  --color-continental-waters-50: #dffbfa;
  --color-continental-waters-100: #d2f1f0;
  --color-continental-waters-200: #b9dedd;
  --color-continental-waters-300: #98cac9;
  --color-continental-waters-400: #7baaa9;
  --color-continental-waters-500: #5f8f8e;
  --color-continental-waters-600: #467474;
  --color-continental-waters-700: #325d5d;
  --color-continental-waters-800: #234949;
  --color-continental-waters-900: #183939;
  --color-continental-waters-950: #0c2423;
  --color-we-peep: #ffd7db;
  --color-we-peep-50: #ffe7e9;
  --color-we-peep-100: #ffd7db;
  --color-we-peep-200: #e6c8cb;
  --color-we-peep-300: #d3b2b5;
  --color-we-peep-400: #b79397;
  --color-we-peep-500: #9d797d;
  --color-we-peep-600: #826064;
  --color-we-peep-700: #6a4c4f;
  --color-we-peep-800: #553a3d;
  --color-we-peep-900: #422c2e;
  --color-we-peep-950: #2a1a1c;
  --color-evening-magic: #3b3b7a;
  --color-evening-magic-50: #f3f4ff;
  --color-evening-magic-100: #e7eaff;
  --color-evening-magic-200: #cfd4ff;
  --color-evening-magic-300: #b6bbfa;
  --color-evening-magic-400: #969be0;
  --color-evening-magic-500: #7b7fc5;
  --color-evening-magic-600: #6265a7;
  --color-evening-magic-700: #4d4f8c;
  --color-evening-magic-800: #3b3b7a;
  --color-evening-magic-900: #2d2e5b;
  --color-evening-magic-950: #1b1c3c;
  --color-jungle-look: #7b7422;
  --color-jungle-look-50: #fbf8cd;
  --color-jungle-look-100: #f2efc0;
  --color-jungle-look-200: #e1dda4;
  --color-jungle-look-300: #ccc786;
  --color-jungle-look-400: #afa95f;
  --color-jungle-look-500: #958e3f;
  --color-jungle-look-600: #7b7422;
  --color-jungle-look-700: #635c08;
  --color-jungle-look-800: #4d4800;
  --color-jungle-look-900: #3b3700;
  --color-jungle-look-950: #252200;
}