Paprika Kisses to Cold White color palette

BE4024Paprika Kisses 082401Midnight Pines 71B267Bud Green 89D8DBCold Blue 5E295CImperial Purple EEFBFFCold White

Open in generator Export PNG, PDF, ASE…

About this palette

Paprika Kisses to Cold White is a 6-color cool palette: #BE4024 (Paprika Kisses), #082401 (Midnight Pines), #71B267 (Bud Green), #89D8DB (Cold Blue), #5E295C (Imperial Purple), #EEFBFF (Cold White). It mixes red, green, turquoise, purple, white tones and feels cool overall. The strongest text pairing is #082401 on #EEFBFF with a contrast ratio of 15.74:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Paprika Kisses	rgb(190, 64, 36)	hsl(11, 68%, 44%)
Midnight Pines	rgb(8, 36, 1)	hsl(108, 95%, 7%)
Bud Green	rgb(113, 178, 103)	hsl(112, 33%, 55%)
Cold Blue	rgb(137, 216, 219)	hsl(182, 53%, 70%)
Imperial Purple	rgb(94, 41, 92)	hsl(302, 39%, 26%)
Cold White	rgb(238, 251, 255)	hsl(194, 100%, 97%)

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.

Aa15.74:1 Super#082401 on #EEFBFF
Aa15.74:1 Super#EEFBFF on #082401
Aa10.22:1 Very good#082401 on #89D8DB
Aa10.22:1 Very good#89D8DB on #082401
Aa10.21:1 Very good#5E295C on #EEFBFF
Aa10.21:1 Very good#EEFBFF on #5E295C
Aa6.63:1 Good#89D8DB on #5E295C
Aa6.63:1 Good#5E295C on #89D8DB

Color blindness preview

CSS variables

/* Paprika Kisses to Cold White — https://swatchly.xyz/palette/be4024-082401-71b267-89d8db-5e295c-eefbff */
:root {
  --paprika-kisses: #be4024;
  --midnight-pines: #082401;
  --bud-green: #71b267;
  --cold-blue: #89d8db;
  --imperial-purple: #5e295c;
  --cold-white: #eefbff;
}

Tailwind CSS v4

/* Paprika Kisses to Cold White — https://swatchly.xyz/palette/be4024-082401-71b267-89d8db-5e295c-eefbff */
@theme {
  --color-paprika-kisses: #be4024;
  --color-paprika-kisses-50: #fff2ef;
  --color-paprika-kisses-100: #ffe6df;
  --color-paprika-kisses-200: #ffccbf;
  --color-paprika-kisses-300: #ffab97;
  --color-paprika-kisses-400: #f87b5f;
  --color-paprika-kisses-500: #dc5c40;
  --color-paprika-kisses-600: #be4024;
  --color-paprika-kisses-700: #9e290d;
  --color-paprika-kisses-800: #801900;
  --color-paprika-kisses-900: #641100;
  --color-paprika-kisses-950: #410800;
  --color-midnight-pines: #082401;
  --color-midnight-pines-50: #e9fce3;
  --color-midnight-pines-100: #ddf3d7;
  --color-midnight-pines-200: #c7e0c0;
  --color-midnight-pines-300: #aecba6;
  --color-midnight-pines-400: #8cac84;
  --color-midnight-pines-500: #709067;
  --color-midnight-pines-600: #56754e;
  --color-midnight-pines-700: #415d3a;
  --color-midnight-pines-800: #30482a;
  --color-midnight-pines-900: #23371d;
  --color-midnight-pines-950: #082401;
  --color-bud-green: #71b267;
  --color-bud-green-50: #dfffd9;
  --color-bud-green-100: #cdf8c7;
  --color-bud-green-200: #b4e6ac;
  --color-bud-green-300: #97d08e;
  --color-bud-green-400: #71b267;
  --color-bud-green-500: #56964d;
  --color-bud-green-600: #3d7b34;
  --color-bud-green-700: #2a6321;
  --color-bud-green-800: #1b4e13;
  --color-bud-green-900: #113d0a;
  --color-bud-green-950: #072703;
  --color-cold-blue: #89d8db;
  --color-cold-blue-50: #e7feff;
  --color-cold-blue-100: #cefafc;
  --color-cold-blue-200: #b4e9eb;
  --color-cold-blue-300: #89d8db;
  --color-cold-blue-400: #6cb6b9;
  --color-cold-blue-500: #4a999c;
  --color-cold-blue-600: #2b7d80;
  --color-cold-blue-700: #126366;
  --color-cold-blue-800: #004e50;
  --color-cold-blue-900: #003b3d;
  --color-cold-blue-950: #002527;
  --color-imperial-purple: #5e295c;
  --color-imperial-purple-50: #fff0fd;
  --color-imperial-purple-100: #ffe0fc;
  --color-imperial-purple-200: #f5c6f1;
  --color-imperial-purple-300: #e1acdd;
  --color-imperial-purple-400: #c48ac0;
  --color-imperial-purple-500: #a86ea5;
  --color-imperial-purple-600: #8b5488;
  --color-imperial-purple-700: #713f6e;
  --color-imperial-purple-800: #5e295c;
  --color-imperial-purple-900: #462245;
  --color-imperial-purple-950: #2d132c;
  --color-cold-white: #eefbff;
  --color-cold-white-50: #eefbff;
  --color-cold-white-100: #e8eff2;
  --color-cold-white-200: #d2dbde;
  --color-cold-white-300: #bac5c8;
  --color-cold-white-400: #99a5a8;
  --color-cold-white-500: #7d898d;
  --color-cold-white-600: #636e71;
  --color-cold-white-700: #4d575a;
  --color-cold-white-800: #3b4447;
  --color-cold-white-900: #2d3437;
  --color-cold-white-950: #1b2022;
}