Our Little Secret to Springtide Melodies color palette

AD537EOur Little Secret 523484Kingfisher Daisy D8D9FFIcy Plains 00412CLost in the Woods 98AA4ASpringtide Melodies

Open in generator Export PNG, PDF, ASE…

About this palette

Our Little Secret to Springtide Melodies is a 5-color cool palette: #AD537E (Our Little Secret), #523484 (Kingfisher Daisy), #D8D9FF (Icy Plains), #00412C (Lost in the Woods), #98AA4A (Springtide Melodies). It mixes red, purple, green tones and feels cool overall. The strongest text pairing is #D8D9FF on #00412C with a contrast ratio of 8.53:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Our Little Secret	rgb(173, 83, 126)	hsl(331, 35%, 50%)
Kingfisher Daisy	rgb(82, 52, 132)	hsl(262, 43%, 36%)
Icy Plains	rgb(216, 217, 255)	hsl(238, 100%, 92%)
Lost in the Woods	rgb(0, 65, 44)	hsl(161, 100%, 13%)
Springtide Melodies	rgb(152, 170, 74)	hsl(71, 39%, 48%)

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.53:1 Very good#D8D9FF on #00412C
Aa8.53:1 Very good#00412C on #D8D9FF
Aa7.00:1 Very good#523484 on #D8D9FF
Aa7.00:1 Very good#D8D9FF on #523484
Aa4.57:1 Good#00412C on #98AA4A
Aa4.57:1 Good#98AA4A on #00412C
Aa3.75:1 Poor#523484 on #98AA4A
Aa3.75:1 Poor#98AA4A on #523484

Color blindness preview

CSS variables

/* Our Little Secret to Springtide Melodies — https://swatchly.xyz/palette/ad537e-523484-d8d9ff-00412c-98aa4a */
:root {
  --our-little-secret: #ad537e;
  --kingfisher-daisy: #523484;
  --icy-plains: #d8d9ff;
  --lost-in-the-woods: #00412c;
  --springtide-melodies: #98aa4a;
}

Tailwind CSS v4

/* Our Little Secret to Springtide Melodies — https://swatchly.xyz/palette/ad537e-523484-d8d9ff-00412c-98aa4a */
@theme {
  --color-our-little-secret: #ad537e;
  --color-our-little-secret-50: #fff1f6;
  --color-our-little-secret-100: #ffe5ef;
  --color-our-little-secret-200: #ffcae0;
  --color-our-little-secret-300: #fcaace;
  --color-our-little-secret-400: #e288b1;
  --color-our-little-secret-500: #c96c97;
  --color-our-little-secret-600: #ad537e;
  --color-our-little-secret-700: #8f3c65;
  --color-our-little-secret-800: #732a4f;
  --color-our-little-secret-900: #5b1d3d;
  --color-our-little-secret-950: #3c0e26;
  --color-kingfisher-daisy: #523484;
  --color-kingfisher-daisy-50: #f6f3ff;
  --color-kingfisher-daisy-100: #ede7ff;
  --color-kingfisher-daisy-200: #dccfff;
  --color-kingfisher-daisy-300: #cab3ff;
  --color-kingfisher-daisy-400: #ad92e7;
  --color-kingfisher-daisy-500: #9377cd;
  --color-kingfisher-daisy-600: #7a5db1;
  --color-kingfisher-daisy-700: #634995;
  --color-kingfisher-daisy-800: #523484;
  --color-kingfisher-daisy-900: #3f2964;
  --color-kingfisher-daisy-950: #281843;
  --color-icy-plains: #d8d9ff;
  --color-icy-plains-50: #f8f8ff;
  --color-icy-plains-100: #edeeff;
  --color-icy-plains-200: #d8d9ff;
  --color-icy-plains-300: #c1c2e1;
  --color-icy-plains-400: #a1a1c4;
  --color-icy-plains-500: #8485a7;
  --color-icy-plains-600: #696a8b;
  --color-icy-plains-700: #525370;
  --color-icy-plains-800: #3f3f59;
  --color-icy-plains-900: #303046;
  --color-icy-plains-950: #1d1d2d;
  --color-lost-in-the-woods: #00412c;
  --color-lost-in-the-woods-50: #defeee;
  --color-lost-in-the-woods-100: #d2f5e3;
  --color-lost-in-the-woods-200: #b9e3ce;
  --color-lost-in-the-woods-300: #9dceb7;
  --color-lost-in-the-woods-400: #7ab097;
  --color-lost-in-the-woods-500: #5d957c;
  --color-lost-in-the-woods-600: #447a63;
  --color-lost-in-the-woods-700: #30634e;
  --color-lost-in-the-woods-800: #214f3c;
  --color-lost-in-the-woods-900: #00412c;
  --color-lost-in-the-woods-950: #0a281c;
  --color-springtide-melodies: #98aa4a;
  --color-springtide-melodies-50: #effcc8;
  --color-springtide-melodies-100: #e4f2b8;
  --color-springtide-melodies-200: #d0df99;
  --color-springtide-melodies-300: #b8c979;
  --color-springtide-melodies-400: #98aa4a;
  --color-springtide-melodies-500: #7e8e2c;
  --color-springtide-melodies-600: #647305;
  --color-springtide-melodies-700: #4f5c00;
  --color-springtide-melodies-800: #3d4800;
  --color-springtide-melodies-900: #2f3700;
  --color-springtide-melodies-950: #1d2300;
}