Spikey Red to Alpine Expedition Color Palette

About this palette

Spikey Red to Alpine Expedition is a 5-color cool palette: #610000 (Spikey Red), #4D6400 (Serrano Pepper), #75A44F (Kiwi), #CD8CFF (Dream Vapour), #ACF0FF (Alpine Expedition). It mixes red, green, purple, turquoise tones and feels cool overall. The strongest text pairing is #610000 on #ACF0FF with a contrast ratio of 11.05:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Spikey Red	rgb(97, 0, 0)	hsl(0, 100%, 19%)
Serrano Pepper	rgb(77, 100, 0)	hsl(74, 100%, 20%)
Kiwi	rgb(117, 164, 79)	hsl(93, 35%, 48%)
Dream Vapour	rgb(205, 140, 255)	hsl(274, 100%, 77%)
Alpine Expedition	rgb(172, 240, 255)	hsl(191, 100%, 84%)

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.

Aa11.05:1 Very good#610000 on #ACF0FF
Aa11.05:1 Very good#ACF0FF on #610000
Aa5.83:1 Good#610000 on #CD8CFF
Aa5.83:1 Good#CD8CFF on #610000
Aa5.31:1 Good#4D6400 on #ACF0FF
Aa5.31:1 Good#ACF0FF on #4D6400
Aa4.76:1 Good#610000 on #75A44F
Aa4.76:1 Good#75A44F on #610000

Color blindness preview

CSS variables

/* Spikey Red to Alpine Expedition — https://swatchly.xyz/palette/610000-4d6400-75a44f-cd8cff-acf0ff */
:root {
  --spikey-red: #610000;
  --serrano-pepper: #4d6400;
  --kiwi: #75a44f;
  --dream-vapour: #cd8cff;
  --alpine-expedition: #acf0ff;
}

Tailwind CSS v4

/* Spikey Red to Alpine Expedition — https://swatchly.xyz/palette/610000-4d6400-75a44f-cd8cff-acf0ff */
@theme {
  --color-spikey-red: #610000;
  --color-spikey-red-50: #fff2ef;
  --color-spikey-red-100: #ffe4e0;
  --color-spikey-red-200: #ffc8bf;
  --color-spikey-red-300: #ffa698;
  --color-spikey-red-400: #e38274;
  --color-spikey-red-500: #c66457;
  --color-spikey-red-600: #a64a3e;
  --color-spikey-red-700: #88352b;
  --color-spikey-red-800: #6d241d;
  --color-spikey-red-900: #610000;
  --color-spikey-red-950: #370c08;
  --color-serrano-pepper: #4d6400;
  --color-serrano-pepper-50: #ecfdce;
  --color-serrano-pepper-100: #e1f4bf;
  --color-serrano-pepper-200: #cde3a4;
  --color-serrano-pepper-300: #b6ce87;
  --color-serrano-pepper-400: #96b060;
  --color-serrano-pepper-500: #7b9541;
  --color-serrano-pepper-600: #627b25;
  --color-serrano-pepper-700: #4d6400;
  --color-serrano-pepper-800: #3c4e00;
  --color-serrano-pepper-900: #2d3c00;
  --color-serrano-pepper-950: #1b2600;
  --color-kiwi: #75a44f;
  --color-kiwi-50: #ddfcc9;
  --color-kiwi-100: #cef0b7;
  --color-kiwi-200: #b5dc98;
  --color-kiwi-300: #99c578;
  --color-kiwi-400: #75a44f;
  --color-kiwi-500: #5d8a35;
  --color-kiwi-600: #47711e;
  --color-kiwi-700: #355b0a;
  --color-kiwi-800: #284900;
  --color-kiwi-900: #1e3a00;
  --color-kiwi-950: #122500;
  --color-dream-vapour: #cd8cff;
  --color-dream-vapour-50: #fbf8ff;
  --color-dream-vapour-100: #f6edff;
  --color-dream-vapour-200: #ecd6ff;
  --color-dream-vapour-300: #dfb9ff;
  --color-dream-vapour-400: #cd8cff;
  --color-dream-vapour-500: #ae6edd;
  --color-dream-vapour-600: #9050bd;
  --color-dream-vapour-700: #75399e;
  --color-dream-vapour-800: #5d2680;
  --color-dream-vapour-900: #481965;
  --color-dream-vapour-950: #2d0b41;
  --color-alpine-expedition: #acf0ff;
  --color-alpine-expedition-50: #cff6ff;
  --color-alpine-expedition-100: #acf0ff;
  --color-alpine-expedition-200: #a8dbe6;
  --color-alpine-expedition-300: #8dc7d3;
  --color-alpine-expedition-400: #69a9b7;
  --color-alpine-expedition-500: #4d8f9d;
  --color-alpine-expedition-600: #337582;
  --color-alpine-expedition-700: #205f6b;
  --color-alpine-expedition-800: #114a55;
  --color-alpine-expedition-900: #073a43;
  --color-alpine-expedition-950: #02242b;
}