Start generating

Sweet Pimento to Broad Daylight color palette

FF6D52Sweet PimentoB791FFDreamy Candy Forest7DE700Hypnotic Green6AE3FFSplashing WaveC5DFFFBroad Daylight
Open in generator Export PNG, PDF, ASE…

About this palette

Sweet Pimento to Broad Daylight is a 5-color vibrant, light, cool, neon palette: #FF6D52 (Sweet Pimento), #B791FF (Dreamy Candy Forest), #7DE700 (Hypnotic Green), #6AE3FF (Splashing Wave), #C5DFFF (Broad Daylight). It mixes red, purple, green, blue tones and feels cool overall. The strongest text pairing is #FF6D52 on #C5DFFF with a contrast ratio of 2.03:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Sweet Pimentorgb(255, 109, 82)hsl(9, 100%, 66%)
Dreamy Candy Forestrgb(183, 145, 255)hsl(261, 100%, 78%)
Hypnotic Greenrgb(125, 231, 0)hsl(88, 100%, 45%)
Splashing Wavergb(106, 227, 255)hsl(191, 100%, 71%)
Broad Daylightrgb(197, 223, 255)hsl(213, 100%, 89%)

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

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Sweet Pimento to Broad Daylight — https://swatchly.xyz/palette/ff6d52-b791ff-7de700-6ae3ff-c5dfff */
:root {
  --sweet-pimento: #ff6d52;
  --dreamy-candy-forest: #b791ff;
  --hypnotic-green: #7de700;
  --splashing-wave: #6ae3ff;
  --broad-daylight: #c5dfff;
}

    Tailwind CSS v4

    /* Sweet Pimento to Broad Daylight — https://swatchly.xyz/palette/ff6d52-b791ff-7de700-6ae3ff-c5dfff */
@theme {
  --color-sweet-pimento: #ff6d52;
  --color-sweet-pimento-50: #fff2ef;
  --color-sweet-pimento-100: #ffe4df;
  --color-sweet-pimento-200: #ffc9bd;
  --color-sweet-pimento-300: #ffa794;
  --color-sweet-pimento-400: #ff6d52;
  --color-sweet-pimento-500: #df4f36;
  --color-sweet-pimento-600: #be3118;
  --color-sweet-pimento-700: #9e1a00;
  --color-sweet-pimento-800: #7d1200;
  --color-sweet-pimento-900: #620c00;
  --color-sweet-pimento-950: #400500;
  --color-dreamy-candy-forest: #b791ff;
  --color-dreamy-candy-forest-50: #f9f6ff;
  --color-dreamy-candy-forest-100: #f1ecff;
  --color-dreamy-candy-forest-200: #e1d6ff;
  --color-dreamy-candy-forest-300: #d0bbff;
  --color-dreamy-candy-forest-400: #b791ff;
  --color-dreamy-candy-forest-500: #9a74de;
  --color-dreamy-candy-forest-600: #7e57be;
  --color-dreamy-candy-forest-700: #65409f;
  --color-dreamy-candy-forest-800: #4f2e82;
  --color-dreamy-candy-forest-900: #3d2067;
  --color-dreamy-candy-forest-950: #261143;
  --color-hypnotic-green: #7de700;
  --color-hypnotic-green-50: #eeffe5;
  --color-hypnotic-green-100: #d4ffbd;
  --color-hypnotic-green-200: #abf67d;
  --color-hypnotic-green-300: #7de700;
  --color-hypnotic-green-400: #68c100;
  --color-hypnotic-green-500: #55a100;
  --color-hypnotic-green-600: #438100;
  --color-hypnotic-green-700: #346600;
  --color-hypnotic-green-800: #274f00;
  --color-hypnotic-green-900: #1c3c00;
  --color-hypnotic-green-950: #0f2600;
  --color-splashing-wave: #6ae3ff;
  --color-splashing-wave-50: #d7f7ff;
  --color-splashing-wave-100: #b6f0ff;
  --color-splashing-wave-200: #6ae3ff;
  --color-splashing-wave-300: #65cbe3;
  --color-splashing-wave-400: #30aec8;
  --color-splashing-wave-500: #0092ab;
  --color-splashing-wave-600: #00768b;
  --color-splashing-wave-700: #005f70;
  --color-splashing-wave-800: #004b59;
  --color-splashing-wave-900: #003a45;
  --color-splashing-wave-950: #00242c;
  --color-broad-daylight: #c5dfff;
  --color-broad-daylight-50: #f4f9ff;
  --color-broad-daylight-100: #e5f1ff;
  --color-broad-daylight-200: #c5dfff;
  --color-broad-daylight-300: #b2c7e1;
  --color-broad-daylight-400: #8fa7c4;
  --color-broad-daylight-500: #738ba8;
  --color-broad-daylight-600: #586f8b;
  --color-broad-daylight-700: #435871;
  --color-broad-daylight-800: #324459;
  --color-broad-daylight-900: #253446;
  --color-broad-daylight-950: #15202d;
}

    Similar palettes