Corfu Waters to Lunatic Lynx Color Palette

About this palette

Corfu Waters to Lunatic Lynx is a 5-color vintage palette: #008DB1 (Corfu Waters), #D9F3FF (Water), #005365 (Plunge), #381E0D (Close but No Cigar), #E0A883 (Lunatic Lynx). It mixes blue, white, brown, orange tones and feels balanced overall. The strongest text pairing is #D9F3FF on #381E0D with a contrast ratio of 13.40:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Corfu Waters	rgb(0, 141, 177)	hsl(192, 100%, 35%)
Water	rgb(217, 243, 255)	hsl(199, 100%, 93%)
Plunge	rgb(0, 83, 101)	hsl(191, 100%, 20%)
Close but No Cigar	rgb(56, 30, 13)	hsl(24, 62%, 14%)
Lunatic Lynx	rgb(224, 168, 131)	hsl(24, 60%, 70%)

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.

Aa13.40:1 Super#D9F3FF on #381E0D
Aa13.40:1 Super#381E0D on #D9F3FF
Aa7.51:1 Very good#D9F3FF on #005365
Aa7.51:1 Very good#005365 on #D9F3FF
Aa7.43:1 Very good#381E0D on #E0A883
Aa7.43:1 Very good#E0A883 on #381E0D
Aa4.16:1 Poor#005365 on #E0A883
Aa4.16:1 Poor#E0A883 on #005365

Color blindness preview

CSS variables

/* Corfu Waters to Lunatic Lynx — https://swatchly.xyz/palette/008db1-d9f3ff-005365-381e0d-e0a883 */
:root {
  --corfu-waters: #008db1;
  --water: #d9f3ff;
  --plunge: #005365;
  --close-but-no-cigar: #381e0d;
  --lunatic-lynx: #e0a883;
}

Tailwind CSS v4

/* Corfu Waters to Lunatic Lynx — https://swatchly.xyz/palette/008db1-d9f3ff-005365-381e0d-e0a883 */
@theme {
  --color-corfu-waters: #008db1;
  --color-corfu-waters-50: #e5f8ff;
  --color-corfu-waters-100: #caf0ff;
  --color-corfu-waters-200: #94e1fe;
  --color-corfu-waters-300: #70caeb;
  --color-corfu-waters-400: #3eaace;
  --color-corfu-waters-500: #008db1;
  --color-corfu-waters-600: #00728f;
  --color-corfu-waters-700: #005a72;
  --color-corfu-waters-800: #00475b;
  --color-corfu-waters-900: #003747;
  --color-corfu-waters-950: #00232e;
  --color-water: #d9f3ff;
  --color-water-50: #eefaff;
  --color-water-100: #d9f3ff;
  --color-water-200: #cbdde6;
  --color-water-300: #b2c7d1;
  --color-water-400: #90a7b2;
  --color-water-500: #748b96;
  --color-water-600: #5a707a;
  --color-water-700: #445962;
  --color-water-800: #33454e;
  --color-water-900: #26353c;
  --color-water-950: #162126;
  --color-plunge: #005365;
  --color-plunge-50: #e6f9ff;
  --color-plunge-100: #ccf3ff;
  --color-plunge-200: #b0e1f0;
  --color-plunge-300: #95cdde;
  --color-plunge-400: #70afc2;
  --color-plunge-500: #5395a9;
  --color-plunge-600: #397b8e;
  --color-plunge-700: #246577;
  --color-plunge-800: #005365;
  --color-plunge-900: #09404d;
  --color-plunge-950: #022933;
  --color-close-but-no-cigar: #381e0d;
  --color-close-but-no-cigar-50: #fff2eb;
  --color-close-but-no-cigar-100: #fde6d9;
  --color-close-but-no-cigar-200: #ecd1c2;
  --color-close-but-no-cigar-300: #d8baa9;
  --color-close-but-no-cigar-400: #ba9a87;
  --color-close-but-no-cigar-500: #a0806c;
  --color-close-but-no-cigar-600: #866754;
  --color-close-but-no-cigar-700: #6e5241;
  --color-close-but-no-cigar-800: #5a4132;
  --color-close-but-no-cigar-900: #483326;
  --color-close-but-no-cigar-950: #381e0d;
  --color-lunatic-lynx: #e0a883;
  --color-lunatic-lynx-50: #ffebde;
  --color-lunatic-lynx-100: #ffdbc5;
  --color-lunatic-lynx-200: #f1c3a6;
  --color-lunatic-lynx-300: #e0a883;
  --color-lunatic-lynx-400: #c08b68;
  --color-lunatic-lynx-500: #a6724e;
  --color-lunatic-lynx-600: #8b5a38;
  --color-lunatic-lynx-700: #724627;
  --color-lunatic-lynx-800: #5d361a;
  --color-lunatic-lynx-900: #4b2911;
  --color-lunatic-lynx-950: #301807;
}