Coral Kiss to Limestoned color palette

FFDDC7Coral Kiss C1F6D2Smell the Mint E6DC9FSunny Glory BBEBFFBreaking the Ice A7CEA0Limestoned

About this palette

Coral Kiss to Limestoned is a 5-color pastel, light, cool palette: #FFDDC7 (Coral Kiss), #C1F6D2 (Smell the Mint), #E6DC9F (Sunny Glory), #BBEBFF (Breaking the Ice), #A7CEA0 (Limestoned). It mixes orange, green, yellow, blue tones and feels cool overall. The strongest text pairing is #C1F6D2 on #A7CEA0 with a contrast ratio of 1.45:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Coral Kiss	rgb(255, 221, 199)	hsl(24, 100%, 89%)
Smell the Mint	rgb(193, 246, 210)	hsl(139, 75%, 86%)
Sunny Glory	rgb(230, 220, 159)	hsl(52, 59%, 76%)
Breaking the Ice	rgb(187, 235, 255)	hsl(198, 100%, 87%)
Limestoned	rgb(167, 206, 160)	hsl(111, 32%, 72%)

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

/* Coral Kiss to Limestoned — https://swatchly.xyz/palette/ffddc7-c1f6d2-e6dc9f-bbebff-a7cea0 */
:root {
  --coral-kiss: #ffddc7;
  --smell-the-mint: #c1f6d2;
  --sunny-glory: #e6dc9f;
  --breaking-the-ice: #bbebff;
  --limestoned: #a7cea0;
}

Tailwind CSS v4

/* Coral Kiss to Limestoned — https://swatchly.xyz/palette/ffddc7-c1f6d2-e6dc9f-bbebff-a7cea0 */
@theme {
  --color-coral-kiss: #ffddc7;
  --color-coral-kiss-50: #ffebdf;
  --color-coral-kiss-100: #ffddc7;
  --color-coral-kiss-200: #e6ccbc;
  --color-coral-kiss-300: #d3b6a4;
  --color-coral-kiss-400: #b69783;
  --color-coral-kiss-500: #9c7d69;
  --color-coral-kiss-600: #816451;
  --color-coral-kiss-700: #694f3e;
  --color-coral-kiss-800: #533d2e;
  --color-coral-kiss-900: #412e21;
  --color-coral-kiss-950: #2a1c13;
  --color-smell-the-mint: #c1f6d2;
  --color-smell-the-mint-50: #ddfae6;
  --color-smell-the-mint-100: #c1f6d2;
  --color-smell-the-mint-200: #b8dfc4;
  --color-smell-the-mint-300: #9ecbad;
  --color-smell-the-mint-400: #7cad8d;
  --color-smell-the-mint-500: #619272;
  --color-smell-the-mint-600: #487859;
  --color-smell-the-mint-700: #346045;
  --color-smell-the-mint-800: #254c34;
  --color-smell-the-mint-900: #193b27;
  --color-smell-the-mint-950: #0d2516;
  --color-sunny-glory: #e6dc9f;
  --color-sunny-glory-50: #fdf8d8;
  --color-sunny-glory-100: #f4efca;
  --color-sunny-glory-200: #e6dc9f;
  --color-sunny-glory-300: #cdc593;
  --color-sunny-glory-400: #aea56d;
  --color-sunny-glory-500: #92894f;
  --color-sunny-glory-600: #776e35;
  --color-sunny-glory-700: #5f5621;
  --color-sunny-glory-800: #4b4313;
  --color-sunny-glory-900: #3a3309;
  --color-sunny-glory-950: #242003;
  --color-breaking-the-ice: #bbebff;
  --color-breaking-the-ice-50: #d7f3ff;
  --color-breaking-the-ice-100: #bbebff;
  --color-breaking-the-ice-200: #b2d7e6;
  --color-breaking-the-ice-300: #9ac3d3;
  --color-breaking-the-ice-400: #79a5b7;
  --color-breaking-the-ice-500: #5e8b9d;
  --color-breaking-the-ice-600: #467183;
  --color-breaking-the-ice-700: #335c6b;
  --color-breaking-the-ice-800: #244855;
  --color-breaking-the-ice-900: #193743;
  --color-breaking-the-ice-950: #0c222b;
  --color-limestoned: #a7cea0;
  --color-limestoned-50: #e7fde3;
  --color-limestoned-100: #dbf4d7;
  --color-limestoned-200: #c4e2bf;
  --color-limestoned-300: #a7cea0;
  --color-limestoned-400: #89ae83;
  --color-limestoned-500: #6d9267;
  --color-limestoned-600: #54774e;
  --color-limestoned-700: #3f5f3a;
  --color-limestoned-800: #2f4b2a;
  --color-limestoned-900: #223a1e;
  --color-limestoned-950: #132410;
}