Tropical Freeze to Casino Lights Color Palette

About this palette

Tropical Freeze to Casino Lights is a 4-color pastel, light palette: #9CDCD0 (Tropical Freeze), #F7BCBE (Candy Cane), #C6F2DF (Caribbean), #F7F1B7 (Casino Lights). It mixes turquoise, pink, yellow tones and feels balanced overall. The strongest text pairing is #F7BCBE on #F7F1B7 with a contrast ratio of 1.41:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Tropical Freeze	rgb(156, 220, 208)	hsl(169, 48%, 74%)
Candy Cane	rgb(247, 188, 190)	hsl(358, 79%, 85%)
Caribbean	rgb(198, 242, 223)	hsl(154, 63%, 86%)
Casino Lights	rgb(247, 241, 183)	hsl(54, 80%, 84%)

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

/* Tropical Freeze to Casino Lights — https://swatchly.xyz/palette/9cdcd0-f7bcbe-c6f2df-f7f1b7 */
:root {
  --tropical-freeze: #9cdcd0;
  --candy-cane: #f7bcbe;
  --caribbean: #c6f2df;
  --casino-lights: #f7f1b7;
}

Tailwind CSS v4

/* Tropical Freeze to Casino Lights — https://swatchly.xyz/palette/9cdcd0-f7bcbe-c6f2df-f7f1b7 */
@theme {
  --color-tropical-freeze: #9cdcd0;
  --color-tropical-freeze-50: #d2f7f0;
  --color-tropical-freeze-100: #c2ede4;
  --color-tropical-freeze-200: #9cdcd0;
  --color-tropical-freeze-300: #8ec5bb;
  --color-tropical-freeze-400: #6ca99e;
  --color-tropical-freeze-500: #508f84;
  --color-tropical-freeze-600: #38756b;
  --color-tropical-freeze-700: #265f56;
  --color-tropical-freeze-800: #184c44;
  --color-tropical-freeze-900: #0e3b35;
  --color-tropical-freeze-950: #052520;
  --color-candy-cane: #f7bcbe;
  --color-candy-cane-50: #ffe8e8;
  --color-candy-cane-100: #ffd7d8;
  --color-candy-cane-200: #f7bcbe;
  --color-candy-cane-300: #ddaaab;
  --color-candy-cane-400: #c18b8d;
  --color-candy-cane-500: #a77173;
  --color-candy-cane-600: #8b595b;
  --color-candy-cane-700: #734548;
  --color-candy-cane-800: #5d3538;
  --color-candy-cane-900: #49282a;
  --color-candy-cane-950: #2f1719;
  --color-caribbean: #c6f2df;
  --color-caribbean-50: #dff8ed;
  --color-caribbean-100: #c6f2df;
  --color-caribbean-200: #bcdcce;
  --color-caribbean-300: #a3c8b8;
  --color-caribbean-400: #81aa99;
  --color-caribbean-500: #668f7e;
  --color-caribbean-600: #4d7565;
  --color-caribbean-700: #3a5e50;
  --color-caribbean-800: #2a4a3d;
  --color-caribbean-900: #1e392f;
  --color-caribbean-950: #10241c;
  --color-casino-lights: #f7f1b7;
  --color-casino-lights-50: #fcf9db;
  --color-casino-lights-100: #f7f1b7;
  --color-casino-lights-200: #e0dcb3;
  --color-casino-lights-300: #cac596;
  --color-casino-lights-400: #aba571;
  --color-casino-lights-500: #8f8953;
  --color-casino-lights-600: #746e39;
  --color-casino-lights-700: #5c5726;
  --color-casino-lights-800: #494418;
  --color-casino-lights-900: #38340e;
  --color-casino-lights-950: #232005;
}