Black Cherry to Frozen Landscape Color Palette

About this palette

Black Cherry to Frozen Landscape is a 4-color cool palette: #2C1A2F (Black Cherry), #863900 (Espresso Martini), #4AA737 (Matt Green), #AFE4FF (Frozen Landscape). It mixes purple, brown, green, blue tones and feels cool overall. The strongest text pairing is #2C1A2F on #AFE4FF with a contrast ratio of 11.86:1, and 3 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Black Cherry	rgb(44, 26, 47)	hsl(291, 29%, 14%)
Espresso Martini	rgb(134, 57, 0)	hsl(26, 100%, 26%)
Matt Green	rgb(74, 167, 55)	hsl(110, 50%, 44%)
Frozen Landscape	rgb(175, 228, 255)	hsl(200, 100%, 84%)

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.86:1 Very good#2C1A2F on #AFE4FF
Aa11.86:1 Very good#AFE4FF on #2C1A2F
Aa5.91:1 Good#863900 on #AFE4FF
Aa5.91:1 Good#AFE4FF on #863900
Aa5.30:1 Good#2C1A2F on #4AA737
Aa5.30:1 Good#4AA737 on #2C1A2F

Color blindness preview

CSS variables

/* Black Cherry to Frozen Landscape — https://swatchly.xyz/palette/2c1a2f-863900-4aa737-afe4ff */
:root {
  --black-cherry: #2c1a2f;
  --espresso-martini: #863900;
  --matt-green: #4aa737;
  --frozen-landscape: #afe4ff;
}

Tailwind CSS v4

/* Black Cherry to Frozen Landscape — https://swatchly.xyz/palette/2c1a2f-863900-4aa737-afe4ff */
@theme {
  --color-black-cherry: #2c1a2f;
  --color-black-cherry-50: #fdf0ff;
  --color-black-cherry-100: #f5e5f7;
  --color-black-cherry-200: #e2d1e5;
  --color-black-cherry-300: #cdb9d0;
  --color-black-cherry-400: #af99b2;
  --color-black-cherry-500: #947e98;
  --color-black-cherry-600: #79647d;
  --color-black-cherry-700: #624f65;
  --color-black-cherry-800: #4e3d51;
  --color-black-cherry-900: #3e2f40;
  --color-black-cherry-950: #2c1a2f;
  --color-espresso-martini: #863900;
  --color-espresso-martini-50: #fff2ec;
  --color-espresso-martini-100: #ffe5d8;
  --color-espresso-martini-200: #ffcaaf;
  --color-espresso-martini-300: #f7ac85;
  --color-espresso-martini-400: #db895e;
  --color-espresso-martini-500: #be6c3f;
  --color-espresso-martini-600: #9f5124;
  --color-espresso-martini-700: #863900;
  --color-espresso-martini-800: #692c02;
  --color-espresso-martini-900: #532000;
  --color-espresso-martini-950: #361200;
  --color-matt-green: #4aa737;
  --color-matt-green-50: #e7ffe2;
  --color-matt-green-100: #ccffc2;
  --color-matt-green-200: #aff1a2;
  --color-matt-green-300: #92de84;
  --color-matt-green-400: #6bc15a;
  --color-matt-green-500: #4aa737;
  --color-matt-green-600: #2a8911;
  --color-matt-green-700: #1a6e00;
  --color-matt-green-800: #125500;
  --color-matt-green-900: #0b4100;
  --color-matt-green-950: #052900;
  --color-frozen-landscape: #afe4ff;
  --color-frozen-landscape-50: #effaff;
  --color-frozen-landscape-100: #dbf3ff;
  --color-frozen-landscape-200: #afe4ff;
  --color-frozen-landscape-300: #a0cbe1;
  --color-frozen-landscape-400: #7bacc4;
  --color-frozen-landscape-500: #5d90a8;
  --color-frozen-landscape-600: #43748c;
  --color-frozen-landscape-700: #2e5c71;
  --color-frozen-landscape-800: #1f485a;
  --color-frozen-landscape-900: #143747;
  --color-frozen-landscape-950: #09222e;
}