Blue Eye Samurai to Infinity Pool color palette

6CADB3Blue Eye Samurai 3D2D55Midnight Pie 6E5887Berry Jam B76666Peach Dunes E1EDCDHint of Mint 8FD7EAInfinity Pool

Open in generator Export PNG, PDF, ASE…

About this palette

Blue Eye Samurai to Infinity Pool is a 6-color cool palette: #6CADB3 (Blue Eye Samurai), #3D2D55 (Midnight Pie), #6E5887 (Berry Jam), #B76666 (Peach Dunes), #E1EDCD (Hint of Mint), #8FD7EA (Infinity Pool). It mixes turquoise, purple, red, green, blue tones and feels cool overall. The strongest text pairing is #3D2D55 on #E1EDCD with a contrast ratio of 10.09:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blue Eye Samurai	rgb(108, 173, 179)	hsl(185, 32%, 56%)
Midnight Pie	rgb(61, 45, 85)	hsl(264, 31%, 25%)
Berry Jam	rgb(110, 88, 135)	hsl(268, 21%, 44%)
Peach Dunes	rgb(183, 102, 102)	hsl(0, 36%, 56%)
Hint of Mint	rgb(225, 237, 205)	hsl(83, 47%, 87%)
Infinity Pool	rgb(143, 215, 234)	hsl(193, 68%, 74%)

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.

Aa10.09:1 Very good#3D2D55 on #E1EDCD
Aa10.09:1 Very good#E1EDCD on #3D2D55
Aa7.67:1 Very good#3D2D55 on #8FD7EA
Aa7.67:1 Very good#8FD7EA on #3D2D55
Aa5.04:1 Good#6E5887 on #E1EDCD
Aa5.04:1 Good#E1EDCD on #6E5887
Aa4.85:1 Good#6CADB3 on #3D2D55
Aa4.85:1 Good#3D2D55 on #6CADB3

Color blindness preview

CSS variables

/* Blue Eye Samurai to Infinity Pool — https://swatchly.xyz/palette/6cadb3-3d2d55-6e5887-b76666-e1edcd-8fd7ea */
:root {
  --blue-eye-samurai: #6cadb3;
  --midnight-pie: #3d2d55;
  --berry-jam: #6e5887;
  --peach-dunes: #b76666;
  --hint-of-mint: #e1edcd;
  --infinity-pool: #8fd7ea;
}

Tailwind CSS v4

/* Blue Eye Samurai to Infinity Pool — https://swatchly.xyz/palette/6cadb3-3d2d55-6e5887-b76666-e1edcd-8fd7ea */
@theme {
  --color-blue-eye-samurai: #6cadb3;
  --color-blue-eye-samurai-50: #dbfcff;
  --color-blue-eye-samurai-100: #cbf3f7;
  --color-blue-eye-samurai-200: #b1e1e5;
  --color-blue-eye-samurai-300: #94cbd0;
  --color-blue-eye-samurai-400: #6cadb3;
  --color-blue-eye-samurai-500: #519197;
  --color-blue-eye-samurai-600: #36767c;
  --color-blue-eye-samurai-700: #225f64;
  --color-blue-eye-samurai-800: #134b4f;
  --color-blue-eye-samurai-900: #093a3e;
  --color-blue-eye-samurai-950: #032427;
  --color-midnight-pie: #3d2d55;
  --color-midnight-pie-50: #f7f3ff;
  --color-midnight-pie-100: #efe6ff;
  --color-midnight-pie-200: #ddd0f5;
  --color-midnight-pie-300: #c7b8e2;
  --color-midnight-pie-400: #a999c6;
  --color-midnight-pie-500: #8f7eac;
  --color-midnight-pie-600: #756490;
  --color-midnight-pie-700: #5e4f77;
  --color-midnight-pie-800: #4b3e61;
  --color-midnight-pie-900: #3d2d55;
  --color-midnight-pie-950: #261d33;
  --color-berry-jam: #6e5887;
  --color-berry-jam-50: #f8f2ff;
  --color-berry-jam-100: #f0e4ff;
  --color-berry-jam-200: #ddcbf4;
  --color-berry-jam-300: #c6b2e0;
  --color-berry-jam-400: #a690c1;
  --color-berry-jam-500: #8a73a4;
  --color-berry-jam-600: #6e5887;
  --color-berry-jam-700: #58456d;
  --color-berry-jam-800: #453458;
  --color-berry-jam-900: #362845;
  --color-berry-jam-950: #22182d;
  --color-peach-dunes: #b76666;
  --color-peach-dunes-50: #fff0ef;
  --color-peach-dunes-100: #ffe1e0;
  --color-peach-dunes-200: #ffc3c1;
  --color-peach-dunes-300: #f2a6a4;
  --color-peach-dunes-400: #d58382;
  --color-peach-dunes-500: #b76666;
  --color-peach-dunes-600: #994d4e;
  --color-peach-dunes-700: #7e3a3b;
  --color-peach-dunes-800: #662a2c;
  --color-peach-dunes-900: #511f20;
  --color-peach-dunes-950: #361112;
  --color-hint-of-mint: #e1edcd;
  --color-hint-of-mint-50: #eef5e3;
  --color-hint-of-mint-100: #e1edcd;
  --color-hint-of-mint-200: #d0d9c1;
  --color-hint-of-mint-300: #b9c3a8;
  --color-hint-of-mint-400: #9aa588;
  --color-hint-of-mint-500: #7f8a6d;
  --color-hint-of-mint-600: #667054;
  --color-hint-of-mint-700: #505940;
  --color-hint-of-mint-800: #3e4630;
  --color-hint-of-mint-900: #2f3623;
  --color-hint-of-mint-950: #1d2114;
  --color-infinity-pool: #8fd7ea;
  --color-infinity-pool-50: #f1fcff;
  --color-infinity-pool-100: #dbf7ff;
  --color-infinity-pool-200: #b8e9f6;
  --color-infinity-pool-300: #8fd7ea;
  --color-infinity-pool-400: #72b5c6;
  --color-infinity-pool-500: #5198a9;
  --color-infinity-pool-600: #337b8c;
  --color-infinity-pool-700: #1c6271;
  --color-infinity-pool-800: #094c5a;
  --color-infinity-pool-900: #013a45;
  --color-infinity-pool-950: #00242c;
}