Garden Goddess to Glacial Drift Color Palette

About this palette

Garden Goddess to Glacial Drift is a 4-color pastel, light, gradient palette: #94D1A7 (Garden Goddess), #F4CF92 (Sparkling Champagne), #FFE4C6 (Bisque), #BEFBEF (Glacial Drift). It mixes green, yellow, orange, turquoise tones and feels balanced overall. The strongest text pairing is #94D1A7 on #BEFBEF with a contrast ratio of 1.53:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Garden Goddess	rgb(148, 209, 167)	hsl(139, 40%, 70%)
Sparkling Champagne	rgb(244, 207, 146)	hsl(37, 82%, 76%)
Bisque	rgb(255, 228, 198)	hsl(32, 100%, 89%)
Glacial Drift	rgb(190, 251, 239)	hsl(168, 88%, 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

/* Garden Goddess to Glacial Drift — https://swatchly.xyz/palette/94d1a7-f4cf92-ffe4c6-befbef */
:root {
  --garden-goddess: #94d1a7;
  --sparkling-champagne: #f4cf92;
  --bisque: #ffe4c6;
  --glacial-drift: #befbef;
}

Tailwind CSS v4

/* Garden Goddess to Glacial Drift — https://swatchly.xyz/palette/94d1a7-f4cf92-ffe4c6-befbef */
@theme {
  --color-garden-goddess: #94d1a7;
  --color-garden-goddess-50: #ddffe7;
  --color-garden-goddess-100: #d0f6db;
  --color-garden-goddess-200: #b7e4c4;
  --color-garden-goddess-300: #94d1a7;
  --color-garden-goddess-400: #77b089;
  --color-garden-goddess-500: #5a956e;
  --color-garden-goddess-600: #407a55;
  --color-garden-goddess-700: #2c6240;
  --color-garden-goddess-800: #1e4d30;
  --color-garden-goddess-900: #133c23;
  --color-garden-goddess-950: #082614;
  --color-sparkling-champagne: #f4cf92;
  --color-sparkling-champagne-50: #fff2dc;
  --color-sparkling-champagne-100: #fde6c0;
  --color-sparkling-champagne-200: #f4cf92;
  --color-sparkling-champagne-300: #d9ba87;
  --color-sparkling-champagne-400: #bc9a61;
  --color-sparkling-champagne-500: #a17f44;
  --color-sparkling-champagne-600: #85652a;
  --color-sparkling-champagne-700: #6d4f16;
  --color-sparkling-champagne-800: #573d08;
  --color-sparkling-champagne-900: #442e01;
  --color-sparkling-champagne-950: #2c1c00;
  --color-bisque: #ffe4c6;
  --color-bisque-50: #fff1e1;
  --color-bisque-100: #ffe4c6;
  --color-bisque-200: #e6d2bc;
  --color-bisque-300: #d2bba2;
  --color-bisque-400: #b49c81;
  --color-bisque-500: #998165;
  --color-bisque-600: #7e674d;
  --color-bisque-700: #665139;
  --color-bisque-800: #513f2a;
  --color-bisque-900: #3f301e;
  --color-bisque-950: #281d10;
  --color-glacial-drift: #befbef;
  --color-glacial-drift-50: #defef7;
  --color-glacial-drift-100: #befbef;
  --color-glacial-drift-200: #b8e3da;
  --color-glacial-drift-300: #9ccec4;
  --color-glacial-drift-400: #77afa4;
  --color-glacial-drift-500: #599389;
  --color-glacial-drift-600: #3f786e;
  --color-glacial-drift-700: #2b6057;
  --color-glacial-drift-800: #1c4c44;
  --color-glacial-drift-900: #113b34;
  --color-glacial-drift-950: #072520;
}