Life at Sea to Peppermint color palette

AAC8DDLife at Sea F7DBFFGrape Taffy E5C7DADecadial Pink 95E8D8Sea Glass Teal D0E7CFPeppermint

About this palette

Life at Sea to Peppermint is a 5-color pastel, light, cool palette: #AAC8DD (Life at Sea), #F7DBFF (Grape Taffy), #E5C7DA (Decadial Pink), #95E8D8 (Sea Glass Teal), #D0E7CF (Peppermint). It mixes blue, purple, pink, turquoise, green tones and feels cool overall. The strongest text pairing is #AAC8DD on #F7DBFF with a contrast ratio of 1.38:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Life at Sea	rgb(170, 200, 221)	hsl(205, 43%, 77%)
Grape Taffy	rgb(247, 219, 255)	hsl(287, 100%, 93%)
Decadial Pink	rgb(229, 199, 218)	hsl(322, 37%, 84%)
Sea Glass Teal	rgb(149, 232, 216)	hsl(168, 64%, 75%)
Peppermint	rgb(208, 231, 207)	hsl(118, 33%, 86%)

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.

Color blindness preview

CSS variables

/* Life at Sea to Peppermint — https://swatchly.xyz/palette/aac8dd-f7dbff-e5c7da-95e8d8-d0e7cf */
:root {
  --life-at-sea: #aac8dd;
  --grape-taffy: #f7dbff;
  --decadial-pink: #e5c7da;
  --sea-glass-teal: #95e8d8;
  --peppermint: #d0e7cf;
}

Tailwind CSS v4

/* Life at Sea to Peppermint — https://swatchly.xyz/palette/aac8dd-f7dbff-e5c7da-95e8d8-d0e7cf */
@theme {
  --color-life-at-sea: #aac8dd;
  --color-life-at-sea-50: #eef8ff;
  --color-life-at-sea-100: #ddf0fd;
  --color-life-at-sea-200: #c7dded;
  --color-life-at-sea-300: #aac8dd;
  --color-life-at-sea-400: #8ca8bb;
  --color-life-at-sea-500: #708ca0;
  --color-life-at-sea-600: #567183;
  --color-life-at-sea-700: #41596a;
  --color-life-at-sea-800: #304654;
  --color-life-at-sea-900: #233542;
  --color-life-at-sea-950: #14212a;
  --color-grape-taffy: #f7dbff;
  --color-grape-taffy-50: #fbebff;
  --color-grape-taffy-100: #f7dbff;
  --color-grape-taffy-200: #e0cbe6;
  --color-grape-taffy-300: #ccb4d2;
  --color-grape-taffy-400: #ae95b5;
  --color-grape-taffy-500: #947a9b;
  --color-grape-taffy-600: #796180;
  --color-grape-taffy-700: #624c68;
  --color-grape-taffy-800: #4d3a53;
  --color-grape-taffy-900: #3c2c41;
  --color-grape-taffy-950: #261a29;
  --color-decadial-pink: #e5c7da;
  --color-decadial-pink-50: #fdebf6;
  --color-decadial-pink-100: #f3dfec;
  --color-decadial-pink-200: #e5c7da;
  --color-decadial-pink-300: #cdb3c3;
  --color-decadial-pink-400: #b094a6;
  --color-decadial-pink-500: #957a8b;
  --color-decadial-pink-600: #7b6172;
  --color-decadial-pink-700: #634c5b;
  --color-decadial-pink-800: #4f3b48;
  --color-decadial-pink-900: #3e2d38;
  --color-decadial-pink-950: #271b23;
  --color-sea-glass-teal: #95e8d8;
  --color-sea-glass-teal-50: #d2fff5;
  --color-sea-glass-teal-100: #c3f6eb;
  --color-sea-glass-teal-200: #95e8d8;
  --color-sea-glass-teal-300: #8acfc1;
  --color-sea-glass-teal-400: #62b1a3;
  --color-sea-glass-teal-500: #429688;
  --color-sea-glass-teal-600: #257b6e;
  --color-sea-glass-teal-700: #0b6357;
  --color-sea-glass-teal-800: #004e44;
  --color-sea-glass-teal-900: #003c34;
  --color-sea-glass-teal-950: #002620;
  --color-peppermint: #d0e7cf;
  --color-peppermint-50: #f3fef2;
  --color-peppermint-100: #e9f6e8;
  --color-peppermint-200: #d0e7cf;
  --color-peppermint-300: #bbcdba;
  --color-peppermint-400: #99ad98;
  --color-peppermint-500: #7c917b;
  --color-peppermint-600: #607560;
  --color-peppermint-700: #4a5c49;
  --color-peppermint-800: #374737;
  --color-peppermint-900: #2a3729;
  --color-peppermint-950: #192218;
}