Cashmere Clay to Underwater World color palette

C4A695Cashmere Clay 231C2BEclipse Elixir 234A40Tropical Forest EDD3BEMaiden’s Blush 607F79Underwater World

Open in generator Export PNG, PDF, ASE…

About this palette

Cashmere Clay to Underwater World is a 5-color muted palette: #C4A695 (Cashmere Clay), #231C2B (Eclipse Elixir), #234A40 (Tropical Forest), #EDD3BE (Maiden’s Blush), #607F79 (Underwater World). It mixes orange, gray, turquoise tones and feels balanced overall. The strongest text pairing is #231C2B on #EDD3BE with a contrast ratio of 11.52:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cashmere Clay	rgb(196, 166, 149)	hsl(22, 28%, 68%)
Eclipse Elixir	rgb(35, 28, 43)	hsl(268, 21%, 14%)
Tropical Forest	rgb(35, 74, 64)	hsl(165, 36%, 21%)
Maiden’s Blush	rgb(237, 211, 190)	hsl(27, 57%, 84%)
Underwater World	rgb(96, 127, 121)	hsl(168, 14%, 44%)

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.

Aa11.52:1 Very good#231C2B on #EDD3BE
Aa11.52:1 Very good#EDD3BE on #231C2B
Aa7.26:1 Very good#C4A695 on #231C2B
Aa7.26:1 Very good#231C2B on #C4A695
Aa6.90:1 Good#234A40 on #EDD3BE
Aa6.90:1 Good#EDD3BE on #234A40
Aa4.35:1 Poor#C4A695 on #234A40
Aa4.35:1 Poor#234A40 on #C4A695

Color blindness preview

CSS variables

/* Cashmere Clay to Underwater World — https://swatchly.xyz/palette/c4a695-231c2b-234a40-edd3be-607f79 */
:root {
  --cashmere-clay: #c4a695;
  --eclipse-elixir: #231c2b;
  --tropical-forest: #234a40;
  --maiden-s-blush: #edd3be;
  --underwater-world: #607f79;
}

Tailwind CSS v4

/* Cashmere Clay to Underwater World — https://swatchly.xyz/palette/c4a695-231c2b-234a40-edd3be-607f79 */
@theme {
  --color-cashmere-clay: #c4a695;
  --color-cashmere-clay-50: #fff8f3;
  --color-cashmere-clay-100: #ffede4;
  --color-cashmere-clay-200: #f1dbce;
  --color-cashmere-clay-300: #dec5b7;
  --color-cashmere-clay-400: #c4a695;
  --color-cashmere-clay-500: #a58978;
  --color-cashmere-clay-600: #886c5d;
  --color-cashmere-clay-700: #6d5446;
  --color-cashmere-clay-800: #564034;
  --color-cashmere-clay-900: #423025;
  --color-cashmere-clay-950: #291c15;
  --color-eclipse-elixir: #231c2b;
  --color-eclipse-elixir-50: #f8f3fe;
  --color-eclipse-elixir-100: #eee8f5;
  --color-eclipse-elixir-200: #dbd4e3;
  --color-eclipse-elixir-300: #c5bdce;
  --color-eclipse-elixir-400: #a69db0;
  --color-eclipse-elixir-500: #8a8295;
  --color-eclipse-elixir-600: #70687a;
  --color-eclipse-elixir-700: #595262;
  --color-eclipse-elixir-800: #463f4e;
  --color-eclipse-elixir-900: #36303c;
  --color-eclipse-elixir-950: #231c2b;
  --color-tropical-forest: #234a40;
  --color-tropical-forest-50: #e4fbf4;
  --color-tropical-forest-100: #d8f2ea;
  --color-tropical-forest-200: #c0e0d6;
  --color-tropical-forest-300: #a6cabf;
  --color-tropical-forest-400: #84ab9f;
  --color-tropical-forest-500: #679084;
  --color-tropical-forest-600: #4e746a;
  --color-tropical-forest-700: #395d53;
  --color-tropical-forest-800: #234a40;
  --color-tropical-forest-900: #1e3831;
  --color-tropical-forest-950: #10231e;
  --color-maiden-s-blush: #edd3be;
  --color-maiden-s-blush-50: #fff3ea;
  --color-maiden-s-blush-100: #f9e9dc;
  --color-maiden-s-blush-200: #edd3be;
  --color-maiden-s-blush-300: #d3bdac;
  --color-maiden-s-blush-400: #b59d8a;
  --color-maiden-s-blush-500: #99816e;
  --color-maiden-s-blush-600: #7e6755;
  --color-maiden-s-blush-700: #655140;
  --color-maiden-s-blush-800: #503e30;
  --color-maiden-s-blush-900: #3e2f23;
  --color-maiden-s-blush-950: #271d14;
  --color-underwater-world: #607f79;
  --color-underwater-world-50: #e7faf6;
  --color-underwater-world-100: #def3ee;
  --color-underwater-world-200: #cae2dd;
  --color-underwater-world-300: #b3cec9;
  --color-underwater-world-400: #93b1ab;
  --color-underwater-world-500: #799892;
  --color-underwater-world-600: #607f79;
  --color-underwater-world-700: #496560;
  --color-underwater-world-800: #36504b;
  --color-underwater-world-900: #273d39;
  --color-underwater-world-950: #162623;
}