Intimate Journal to Veranda Gold color palette

CCBD96Intimate Journal E9FDFFBubbles 54344CShadow Purple 237C96Pacific Pleasure AB9864Veranda Gold

About this palette

Intimate Journal to Veranda Gold is a 5-color muted, warm, vintage palette: #CCBD96 (Intimate Journal), #E9FDFF (Bubbles), #54344C (Shadow Purple), #237C96 (Pacific Pleasure), #AB9864 (Veranda Gold). It mixes yellow, white, purple, blue tones and feels warm overall. The strongest text pairing is #E9FDFF on #54344C with a contrast ratio of 10.12:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Intimate Journal	rgb(204, 189, 150)	hsl(43, 35%, 69%)
Bubbles	rgb(233, 253, 255)	hsl(185, 100%, 96%)
Shadow Purple	rgb(84, 52, 76)	hsl(315, 24%, 27%)
Pacific Pleasure	rgb(35, 124, 150)	hsl(194, 62%, 36%)
Veranda Gold	rgb(171, 152, 100)	hsl(44, 30%, 53%)

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.12:1 Very good#E9FDFF on #54344C
Aa10.12:1 Very good#54344C on #E9FDFF
Aa5.72:1 Good#CCBD96 on #54344C
Aa5.72:1 Good#54344C on #CCBD96
Aa4.54:1 Good#E9FDFF on #237C96
Aa4.54:1 Good#237C96 on #E9FDFF
Aa3.76:1 Poor#54344C on #AB9864
Aa3.76:1 Poor#AB9864 on #54344C

Color blindness preview

CSS variables

/* Intimate Journal to Veranda Gold — https://swatchly.xyz/palette/ccbd96-e9fdff-54344c-237c96-ab9864 */
:root {
  --intimate-journal: #ccbd96;
  --bubbles: #e9fdff;
  --shadow-purple: #54344c;
  --pacific-pleasure: #237c96;
  --veranda-gold: #ab9864;
}

Tailwind CSS v4

/* Intimate Journal to Veranda Gold — https://swatchly.xyz/palette/ccbd96-e9fdff-54344c-237c96-ab9864 */
@theme {
  --color-intimate-journal: #ccbd96;
  --color-intimate-journal-50: #fcf3dd;
  --color-intimate-journal-100: #f2e9d0;
  --color-intimate-journal-200: #e0d4b7;
  --color-intimate-journal-300: #ccbd96;
  --color-intimate-journal-400: #ac9e7a;
  --color-intimate-journal-500: #91835e;
  --color-intimate-journal-600: #776946;
  --color-intimate-journal-700: #605333;
  --color-intimate-journal-800: #4c4124;
  --color-intimate-journal-900: #3b3219;
  --color-intimate-journal-950: #251f0d;
  --color-bubbles: #e9fdff;
  --color-bubbles-50: #e9fdff;
  --color-bubbles-100: #e5f1f2;
  --color-bubbles-200: #cfddde;
  --color-bubbles-300: #b6c6c8;
  --color-bubbles-400: #95a6a8;
  --color-bubbles-500: #798b8c;
  --color-bubbles-600: #5e7071;
  --color-bubbles-700: #49595a;
  --color-bubbles-800: #384547;
  --color-bubbles-900: #2a3536;
  --color-bubbles-950: #192122;
  --color-shadow-purple: #54344c;
  --color-shadow-purple-50: #fff0fa;
  --color-shadow-purple-100: #fce2f4;
  --color-shadow-purple-200: #ebcde2;
  --color-shadow-purple-300: #d6b5cd;
  --color-shadow-purple-400: #b894ae;
  --color-shadow-purple-500: #9c7892;
  --color-shadow-purple-600: #805e77;
  --color-shadow-purple-700: #67485f;
  --color-shadow-purple-800: #54344c;
  --color-shadow-purple-900: #3f2939;
  --color-shadow-purple-950: #281824;
  --color-pacific-pleasure: #237c96;
  --color-pacific-pleasure-50: #e7f9ff;
  --color-pacific-pleasure-100: #d1f3ff;
  --color-pacific-pleasure-200: #aae4f9;
  --color-pacific-pleasure-300: #8ccfe7;
  --color-pacific-pleasure-400: #64b1cb;
  --color-pacific-pleasure-500: #4396b1;
  --color-pacific-pleasure-600: #237c96;
  --color-pacific-pleasure-700: #05637b;
  --color-pacific-pleasure-800: #004e61;
  --color-pacific-pleasure-900: #003c4b;
  --color-pacific-pleasure-950: #002530;
  --color-veranda-gold: #ab9864;
  --color-veranda-gold-50: #fdf2d3;
  --color-veranda-gold-100: #f3e6c4;
  --color-veranda-gold-200: #e0d1a8;
  --color-veranda-gold-300: #cab98b;
  --color-veranda-gold-400: #ab9864;
  --color-veranda-gold-500: #917e4b;
  --color-veranda-gold-600: #776534;
  --color-veranda-gold-700: #605022;
  --color-veranda-gold-800: #4c3e16;
  --color-veranda-gold-900: #3c300d;
  --color-veranda-gold-950: #271e05;
}