Dainty Peach to Waterworld Color Palette

About this palette

Dainty Peach to Waterworld is a 4-color vintage palette: #FFD2BB (Dainty Peach), #A088ED (Perrywinkle), #3A3100 (Wasabi Nori), #00718B (Waterworld). It mixes orange, purple, brown, blue tones and feels balanced overall. The strongest text pairing is #FFD2BB on #3A3100 with a contrast ratio of 9.38:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Dainty Peach	rgb(255, 210, 187)	hsl(20, 100%, 87%)
Perrywinkle	rgb(160, 136, 237)	hsl(254, 74%, 73%)
Wasabi Nori	rgb(58, 49, 0)	hsl(51, 100%, 11%)
Waterworld	rgb(0, 113, 139)	hsl(191, 100%, 27%)

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.

Aa9.38:1 Very good#FFD2BB on #3A3100
Aa9.38:1 Very good#3A3100 on #FFD2BB
Aa4.47:1 Poor#A088ED on #3A3100
Aa4.47:1 Poor#3A3100 on #A088ED
Aa4.07:1 Poor#FFD2BB on #00718B
Aa4.07:1 Poor#00718B on #FFD2BB

Color blindness preview

CSS variables

/* Dainty Peach to Waterworld — https://swatchly.xyz/palette/ffd2bb-a088ed-3a3100-00718b */
:root {
  --dainty-peach: #ffd2bb;
  --perrywinkle: #a088ed;
  --wasabi-nori: #3a3100;
  --waterworld: #00718b;
}

Tailwind CSS v4

/* Dainty Peach to Waterworld — https://swatchly.xyz/palette/ffd2bb-a088ed-3a3100-00718b */
@theme {
  --color-dainty-peach: #ffd2bb;
  --color-dainty-peach-50: #fff7f3;
  --color-dainty-peach-100: #ffebe1;
  --color-dainty-peach-200: #ffd2bb;
  --color-dainty-peach-300: #e1bcaa;
  --color-dainty-peach-400: #c39b86;
  --color-dainty-peach-500: #a77e69;
  --color-dainty-peach-600: #8a634f;
  --color-dainty-peach-700: #704d3a;
  --color-dainty-peach-800: #583a2a;
  --color-dainty-peach-900: #452c1e;
  --color-dainty-peach-950: #2c1a11;
  --color-perrywinkle: #a088ed;
  --color-perrywinkle-50: #f3f1ff;
  --color-perrywinkle-100: #e8e4ff;
  --color-perrywinkle-200: #d4cbff;
  --color-perrywinkle-300: #bfaeff;
  --color-perrywinkle-400: #a088ed;
  --color-perrywinkle-500: #866dd0;
  --color-perrywinkle-600: #6d54b1;
  --color-perrywinkle-700: #573f94;
  --color-perrywinkle-800: #452f7a;
  --color-perrywinkle-900: #362362;
  --color-perrywinkle-950: #221442;
  --color-wasabi-nori: #3a3100;
  --color-wasabi-nori-50: #fbf6db;
  --color-wasabi-nori-100: #f2ecce;
  --color-wasabi-nori-200: #dfd8b5;
  --color-wasabi-nori-300: #cac299;
  --color-wasabi-nori-400: #aba275;
  --color-wasabi-nori-500: #908658;
  --color-wasabi-nori-600: #746b3f;
  --color-wasabi-nori-700: #5d542c;
  --color-wasabi-nori-800: #48411e;
  --color-wasabi-nori-900: #3a3100;
  --color-wasabi-nori-950: #221e08;
  --color-waterworld: #00718b;
  --color-waterworld-50: #e7f9ff;
  --color-waterworld-100: #cbf1ff;
  --color-waterworld-200: #a1e0f6;
  --color-waterworld-300: #80cae2;
  --color-waterworld-400: #55aac5;
  --color-waterworld-500: #318da8;
  --color-waterworld-600: #00718b;
  --color-waterworld-700: #005a6f;
  --color-waterworld-800: #004657;
  --color-waterworld-900: #003644;
  --color-waterworld-950: #00222c;
}