Lazy Lizard to Prosecco Color Palette

About this palette

Lazy Lizard to Prosecco is a 4-color cool palette: #929C4A (Lazy Lizard), #003752 (Sea of Stars), #75569E (Passion Flower), #FFD8A8 (Prosecco). It mixes green, blue, purple, orange tones and feels cool overall. The strongest text pairing is #003752 on #FFD8A8 with a contrast ratio of 9.37:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lazy Lizard	rgb(146, 156, 74)	hsl(67, 36%, 45%)
Sea of Stars	rgb(0, 55, 82)	hsl(200, 100%, 16%)
Passion Flower	rgb(117, 86, 158)	hsl(266, 30%, 48%)
Prosecco	rgb(255, 216, 168)	hsl(33, 100%, 83%)

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.

Aa9.37:1 Very good#003752 on #FFD8A8
Aa9.37:1 Very good#FFD8A8 on #003752
Aa4.37:1 Poor#75569E on #FFD8A8
Aa4.37:1 Poor#FFD8A8 on #75569E
Aa4.24:1 Poor#929C4A on #003752
Aa4.24:1 Poor#003752 on #929C4A

Color blindness preview

CSS variables

/* Lazy Lizard to Prosecco — https://swatchly.xyz/palette/929c4a-003752-75569e-ffd8a8 */
:root {
  --lazy-lizard: #929c4a;
  --sea-of-stars: #003752;
  --passion-flower: #75569e;
  --prosecco: #ffd8a8;
}

Tailwind CSS v4

/* Lazy Lizard to Prosecco — https://swatchly.xyz/palette/929c4a-003752-75569e-ffd8a8 */
@theme {
  --color-lazy-lizard: #929c4a;
  --color-lazy-lizard-50: #eef6c6;
  --color-lazy-lizard-100: #e2eab4;
  --color-lazy-lizard-200: #ccd595;
  --color-lazy-lizard-300: #b3bd74;
  --color-lazy-lizard-400: #929c4a;
  --color-lazy-lizard-500: #7a8330;
  --color-lazy-lizard-600: #626a16;
  --color-lazy-lizard-700: #4e5501;
  --color-lazy-lizard-800: #3d4300;
  --color-lazy-lizard-900: #303500;
  --color-lazy-lizard-950: #1f2200;
  --color-sea-of-stars: #003752;
  --color-sea-of-stars-50: #ecf7ff;
  --color-sea-of-stars-100: #d8efff;
  --color-sea-of-stars-200: #b8ddf6;
  --color-sea-of-stars-300: #9dc7e4;
  --color-sea-of-stars-400: #79a8c7;
  --color-sea-of-stars-500: #5c8dac;
  --color-sea-of-stars-600: #43728f;
  --color-sea-of-stars-700: #2f5a75;
  --color-sea-of-stars-800: #20475e;
  --color-sea-of-stars-900: #003752;
  --color-sea-of-stars-950: #0a2230;
  --color-passion-flower: #75569e;
  --color-passion-flower-50: #f7f3ff;
  --color-passion-flower-100: #efe5ff;
  --color-passion-flower-200: #dfcbff;
  --color-passion-flower-300: #cbb0f4;
  --color-passion-flower-400: #ac8ed8;
  --color-passion-flower-500: #9071bb;
  --color-passion-flower-600: #75569e;
  --color-passion-flower-700: #5e4281;
  --color-passion-flower-800: #4a3269;
  --color-passion-flower-900: #3a2554;
  --color-passion-flower-950: #241537;
  --color-prosecco: #ffd8a8;
  --color-prosecco-50: #fff9f3;
  --color-prosecco-100: #ffefdc;
  --color-prosecco-200: #ffd8a8;
  --color-prosecco-300: #e1c19b;
  --color-prosecco-400: #c3a074;
  --color-prosecco-500: #a68355;
  --color-prosecco-600: #89673b;
  --color-prosecco-700: #6e5026;
  --color-prosecco-800: #573c18;
  --color-prosecco-900: #442e0e;
  --color-prosecco-950: #2c1c05;
}