Camping Trip to Soft Blush Color Palette

About this palette

Camping Trip to Soft Blush is a 5-color muted palette: #607A6B (Camping Trip), #354D56 (Nocturne), #A78483 (Earthbound), #E6F2EC (Bath Bubbles), #E0C0BF (Soft Blush). It mixes green, gray, red, white, pink tones and feels warm overall. The strongest text pairing is #354D56 on #E6F2EC with a contrast ratio of 7.79:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Camping Trip	rgb(96, 122, 107)	hsl(145, 12%, 43%)
Nocturne	rgb(53, 77, 86)	hsl(196, 24%, 27%)
Earthbound	rgb(167, 132, 131)	hsl(2, 17%, 58%)
Bath Bubbles	rgb(230, 242, 236)	hsl(150, 32%, 93%)
Soft Blush	rgb(224, 192, 191)	hsl(2, 35%, 81%)

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.79:1 Very good#354D56 on #E6F2EC
Aa7.79:1 Very good#E6F2EC on #354D56
Aa5.31:1 Good#354D56 on #E0C0BF
Aa5.31:1 Good#E0C0BF on #354D56
Aa4.07:1 Poor#607A6B on #E6F2EC
Aa4.07:1 Poor#E6F2EC on #607A6B

Color blindness preview

CSS variables

/* Camping Trip to Soft Blush — https://swatchly.xyz/palette/607a6b-354d56-a78483-e6f2ec-e0c0bf */
:root {
  --camping-trip: #607a6b;
  --nocturne: #354d56;
  --earthbound: #a78483;
  --bath-bubbles: #e6f2ec;
  --soft-blush: #e0c0bf;
}

Tailwind CSS v4

/* Camping Trip to Soft Blush — https://swatchly.xyz/palette/607a6b-354d56-a78483-e6f2ec-e0c0bf */
@theme {
  --color-camping-trip: #607a6b;
  --color-camping-trip-50: #eafaf0;
  --color-camping-trip-100: #e0f2e7;
  --color-camping-trip-200: #cbe0d4;
  --color-camping-trip-300: #b4ccbe;
  --color-camping-trip-400: #94ae9f;
  --color-camping-trip-500: #799484;
  --color-camping-trip-600: #607a6b;
  --color-camping-trip-700: #4a6154;
  --color-camping-trip-800: #374c40;
  --color-camping-trip-900: #293b31;
  --color-camping-trip-950: #18251d;
  --color-nocturne: #354d56;
  --color-nocturne-50: #e9f8fe;
  --color-nocturne-100: #ddeff5;
  --color-nocturne-200: #c7dbe3;
  --color-nocturne-300: #b0c7d0;
  --color-nocturne-400: #90a9b3;
  --color-nocturne-500: #758f99;
  --color-nocturne-600: #5c757f;
  --color-nocturne-700: #485f68;
  --color-nocturne-800: #354d56;
  --color-nocturne-900: #293b42;
  --color-nocturne-950: #18252a;
  --color-earthbound: #a78483;
  --color-earthbound-50: #fff3f3;
  --color-earthbound-100: #ffe8e7;
  --color-earthbound-200: #f0d4d3;
  --color-earthbound-300: #ddbebd;
  --color-earthbound-400: #c19f9e;
  --color-earthbound-500: #a78483;
  --color-earthbound-600: #8a6868;
  --color-earthbound-700: #6f5151;
  --color-earthbound-800: #583e3d;
  --color-earthbound-900: #442e2e;
  --color-earthbound-950: #2b1c1b;
  --color-bath-bubbles: #e6f2ec;
  --color-bath-bubbles-50: #f3faf7;
  --color-bath-bubbles-100: #e6f2ec;
  --color-bath-bubbles-200: #d4ddd8;
  --color-bath-bubbles-300: #bcc6c1;
  --color-bath-bubbles-400: #9ba6a1;
  --color-bath-bubbles-500: #7f8a85;
  --color-bath-bubbles-600: #656f6a;
  --color-bath-bubbles-700: #4f5853;
  --color-bath-bubbles-800: #3c4541;
  --color-bath-bubbles-900: #2e3531;
  --color-bath-bubbles-950: #1c211e;
  --color-soft-blush: #e0c0bf;
  --color-soft-blush-50: #fff7f7;
  --color-soft-blush-100: #ffebeb;
  --color-soft-blush-200: #efd8d7;
  --color-soft-blush-300: #e0c0bf;
  --color-soft-blush-400: #bda09f;
  --color-soft-blush-500: #a08382;
  --color-soft-blush-600: #836767;
  --color-soft-blush-700: #6a5050;
  --color-soft-blush-800: #533d3d;
  --color-soft-blush-900: #402d2d;
  --color-soft-blush-950: #281b1b;
}