Plum Cheese to Poodle Skirt color palette

6C0031Plum Cheese 415400Deep Forestial Escapade 0073DBFading Night 5391EAOlympic Blue 7CBE6DLeafy Greens FFA9C0Poodle Skirt

Open in generator Export PNG, PDF, ASE…

About this palette

Plum Cheese to Poodle Skirt is a 6-color cool palette: #6C0031 (Plum Cheese), #415400 (Deep Forestial Escapade), #0073DB (Fading Night), #5391EA (Olympic Blue), #7CBE6D (Leafy Greens), #FFA9C0 (Poodle Skirt). It mixes red, green, blue, pink tones and feels cool overall. The strongest text pairing is #6C0031 on #FFA9C0 with a contrast ratio of 6.95:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Plum Cheese	rgb(108, 0, 49)	hsl(333, 100%, 21%)
Deep Forestial Escapade	rgb(65, 84, 0)	hsl(74, 100%, 16%)
Fading Night	rgb(0, 115, 219)	hsl(208, 100%, 43%)
Olympic Blue	rgb(83, 145, 234)	hsl(215, 78%, 62%)
Leafy Greens	rgb(124, 190, 109)	hsl(109, 38%, 59%)
Poodle Skirt	rgb(255, 169, 192)	hsl(344, 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.

Aa6.95:1 Good#6C0031 on #FFA9C0
Aa6.95:1 Good#FFA9C0 on #6C0031
Aa5.61:1 Good#6C0031 on #7CBE6D
Aa5.61:1 Good#7CBE6D on #6C0031
Aa4.69:1 Good#415400 on #FFA9C0
Aa4.69:1 Good#FFA9C0 on #415400
Aa3.93:1 Poor#6C0031 on #5391EA
Aa3.93:1 Poor#5391EA on #6C0031

Color blindness preview

CSS variables

/* Plum Cheese to Poodle Skirt — https://swatchly.xyz/palette/6c0031-415400-0073db-5391ea-7cbe6d-ffa9c0 */
:root {
  --plum-cheese: #6c0031;
  --deep-forestial-escapade: #415400;
  --fading-night: #0073db;
  --olympic-blue: #5391ea;
  --leafy-greens: #7cbe6d;
  --poodle-skirt: #ffa9c0;
}

Tailwind CSS v4

/* Plum Cheese to Poodle Skirt — https://swatchly.xyz/palette/6c0031-415400-0073db-5391ea-7cbe6d-ffa9c0 */
@theme {
  --color-plum-cheese: #6c0031;
  --color-plum-cheese-50: #fff1f4;
  --color-plum-cheese-100: #ffe3e9;
  --color-plum-cheese-200: #ffc6d3;
  --color-plum-cheese-300: #ffa1b9;
  --color-plum-cheese-400: #e67d9a;
  --color-plum-cheese-500: #ca6180;
  --color-plum-cheese-600: #ad4767;
  --color-plum-cheese-700: #913352;
  --color-plum-cheese-800: #782441;
  --color-plum-cheese-900: #6c0031;
  --color-plum-cheese-950: #420b1f;
  --color-deep-forestial-escapade: #415400;
  --color-deep-forestial-escapade-50: #edfcd3;
  --color-deep-forestial-escapade-100: #e3f3c5;
  --color-deep-forestial-escapade-200: #cde0a9;
  --color-deep-forestial-escapade-300: #b8cd8e;
  --color-deep-forestial-escapade-400: #99af6a;
  --color-deep-forestial-escapade-500: #7f964d;
  --color-deep-forestial-escapade-600: #677c34;
  --color-deep-forestial-escapade-700: #536621;
  --color-deep-forestial-escapade-800: #415400;
  --color-deep-forestial-escapade-900: #324106;
  --color-deep-forestial-escapade-950: #1f2901;
  --color-fading-night: #0073db;
  --color-fading-night-50: #eff6ff;
  --color-fading-night-100: #e1eeff;
  --color-fading-night-200: #c3deff;
  --color-fading-night-300: #9fc9ff;
  --color-fading-night-400: #66abff;
  --color-fading-night-500: #2f8ef8;
  --color-fading-night-600: #0073db;
  --color-fading-night-700: #005bb0;
  --color-fading-night-800: #00478b;
  --color-fading-night-900: #00366d;
  --color-fading-night-950: #002147;
  --color-olympic-blue: #5391ea;
  --color-olympic-blue-50: #f2f8ff;
  --color-olympic-blue-100: #e6f0ff;
  --color-olympic-blue-200: #c9dfff;
  --color-olympic-blue-300: #a7cbff;
  --color-olympic-blue-400: #73acff;
  --color-olympic-blue-500: #5391ea;
  --color-olympic-blue-600: #3773c9;
  --color-olympic-blue-700: #205aa9;
  --color-olympic-blue-800: #10458a;
  --color-olympic-blue-900: #05336e;
  --color-olympic-blue-950: #011f49;
  --color-leafy-greens: #7cbe6d;
  --color-leafy-greens-50: #ebffe7;
  --color-leafy-greens-100: #d5fdcc;
  --color-leafy-greens-200: #beedb3;
  --color-leafy-greens-300: #a3da97;
  --color-leafy-greens-400: #7cbe6d;
  --color-leafy-greens-500: #60a051;
  --color-leafy-greens-600: #448335;
  --color-leafy-greens-700: #2e691f;
  --color-leafy-greens-800: #1e520f;
  --color-leafy-greens-900: #123f05;
  --color-leafy-greens-950: #072701;
  --color-poodle-skirt: #ffa9c0;
  --color-poodle-skirt-50: #fff4f7;
  --color-poodle-skirt-100: #ffe8ed;
  --color-poodle-skirt-200: #ffccd8;
  --color-poodle-skirt-300: #ffa9c0;
  --color-poodle-skirt-400: #da8ba0;
  --color-poodle-skirt-500: #bd6d84;
  --color-poodle-skirt-600: #9e5269;
  --color-poodle-skirt-700: #823d52;
  --color-poodle-skirt-800: #682c3f;
  --color-poodle-skirt-900: #521f30;
  --color-poodle-skirt-950: #35111d;
}