Lazy Daisy to Alligator Gladiator Color Palette

About this palette

Lazy Daisy to Alligator Gladiator is a 4-color palette: #F2E9A0 (Lazy Daisy), #68A1ED (Windjammer), #8E56B3 (Lusty Lavender), #424419 (Alligator Gladiator). It mixes yellow, blue, purple, brown tones and feels balanced overall. The strongest text pairing is #F2E9A0 on #424419 with a contrast ratio of 8.17:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lazy Daisy	rgb(242, 233, 160)	hsl(53, 76%, 79%)
Windjammer	rgb(104, 161, 237)	hsl(214, 79%, 67%)
Lusty Lavender	rgb(142, 86, 179)	hsl(276, 38%, 52%)
Alligator Gladiator	rgb(66, 68, 25)	hsl(63, 46%, 18%)

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.

Aa8.17:1 Very good#F2E9A0 on #424419
Aa8.17:1 Very good#424419 on #F2E9A0
Aa4.10:1 Poor#F2E9A0 on #8E56B3
Aa4.10:1 Poor#8E56B3 on #F2E9A0
Aa3.82:1 Poor#68A1ED on #424419
Aa3.82:1 Poor#424419 on #68A1ED

Color blindness preview

CSS variables

/* Lazy Daisy to Alligator Gladiator — https://swatchly.xyz/palette/f2e9a0-68a1ed-8e56b3-424419 */
:root {
  --lazy-daisy: #f2e9a0;
  --windjammer: #68a1ed;
  --lusty-lavender: #8e56b3;
  --alligator-gladiator: #424419;
}

Tailwind CSS v4

/* Lazy Daisy to Alligator Gladiator — https://swatchly.xyz/palette/f2e9a0-68a1ed-8e56b3-424419 */
@theme {
  --color-lazy-daisy: #f2e9a0;
  --color-lazy-daisy-50: #f8f3ca;
  --color-lazy-daisy-100: #f2e9a0;
  --color-lazy-daisy-200: #dcd6a0;
  --color-lazy-daisy-300: #c8c083;
  --color-lazy-daisy-400: #aaa15d;
  --color-lazy-daisy-500: #908740;
  --color-lazy-daisy-600: #766d26;
  --color-lazy-daisy-700: #5f5712;
  --color-lazy-daisy-800: #4b4303;
  --color-lazy-daisy-900: #3a3400;
  --color-lazy-daisy-950: #242000;
  --color-windjammer: #68a1ed;
  --color-windjammer-50: #eef5ff;
  --color-windjammer-100: #ddebff;
  --color-windjammer-200: #bcd8ff;
  --color-windjammer-300: #94c2ff;
  --color-windjammer-400: #68a1ed;
  --color-windjammer-500: #4e85cf;
  --color-windjammer-600: #356bb1;
  --color-windjammer-700: #225493;
  --color-windjammer-800: #144179;
  --color-windjammer-900: #0b3261;
  --color-windjammer-950: #041f41;
  --color-lusty-lavender: #8e56b3;
  --color-lusty-lavender-50: #f9f2ff;
  --color-lusty-lavender-100: #f4e6ff;
  --color-lusty-lavender-200: #e9cdff;
  --color-lusty-lavender-300: #ddafff;
  --color-lusty-lavender-400: #c28ce8;
  --color-lusty-lavender-500: #a870cf;
  --color-lusty-lavender-600: #8e56b3;
  --color-lusty-lavender-700: #733f95;
  --color-lusty-lavender-800: #5c2d79;
  --color-lusty-lavender-900: #482061;
  --color-lusty-lavender-950: #2e1140;
  --color-alligator-gladiator: #424419;
  --color-alligator-gladiator-50: #f5f8de;
  --color-alligator-gladiator-100: #ebeed1;
  --color-alligator-gladiator-200: #d8dbb8;
  --color-alligator-gladiator-300: #c1c59d;
  --color-alligator-gladiator-400: #a2a579;
  --color-alligator-gladiator-500: #86895d;
  --color-alligator-gladiator-600: #6c6e44;
  --color-alligator-gladiator-700: #555730;
  --color-alligator-gladiator-800: #424419;
  --color-alligator-gladiator-900: #323417;
  --color-alligator-gladiator-950: #1f200b;
}