Frosty Pink to Black Olive color palette

DEEAE3Frosty Pink CAB7A3Dinosaur Egg 7A9EB6Monsoon Season 887A6DHome Brew 72606EChimaera 354135Black Olive

Open in generator Export PNG, PDF, ASE…

About this palette

Frosty Pink to Black Olive is a 6-color muted, gradient palette: #DEEAE3 (Frosty Pink), #CAB7A3 (Dinosaur Egg), #7A9EB6 (Monsoon Season), #887A6D (Home Brew), #72606E (Chimaera), #354135 (Black Olive). It mixes gray, orange, blue tones and feels balanced overall. The strongest text pairing is #DEEAE3 on #354135 with a contrast ratio of 8.67:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Frosty Pink	rgb(222, 234, 227)	hsl(145, 22%, 89%)
Dinosaur Egg	rgb(202, 183, 163)	hsl(31, 27%, 72%)
Monsoon Season	rgb(122, 158, 182)	hsl(204, 29%, 60%)
Home Brew	rgb(136, 122, 109)	hsl(29, 11%, 48%)
Chimaera	rgb(114, 96, 110)	hsl(313, 9%, 41%)
Black Olive	rgb(53, 65, 53)	hsl(120, 10%, 23%)

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.

Aa8.67:1 Very good#DEEAE3 on #354135
Aa8.67:1 Very good#354135 on #DEEAE3
Aa5.52:1 Good#CAB7A3 on #354135
Aa5.52:1 Good#354135 on #CAB7A3
Aa4.70:1 Good#DEEAE3 on #72606E
Aa4.70:1 Good#72606E on #DEEAE3
Aa3.77:1 Poor#7A9EB6 on #354135
Aa3.77:1 Poor#354135 on #7A9EB6

Color blindness preview

CSS variables

/* Frosty Pink to Black Olive — https://swatchly.xyz/palette/deeae3-cab7a3-7a9eb6-887a6d-72606e-354135 */
:root {
  --frosty-pink: #deeae3;
  --dinosaur-egg: #cab7a3;
  --monsoon-season: #7a9eb6;
  --home-brew: #887a6d;
  --chimaera: #72606e;
  --black-olive: #354135;
}

Tailwind CSS v4

/* Frosty Pink to Black Olive — https://swatchly.xyz/palette/deeae3-cab7a3-7a9eb6-887a6d-72606e-354135 */
@theme {
  --color-frosty-pink: #deeae3;
  --color-frosty-pink-50: #ecf3ef;
  --color-frosty-pink-100: #deeae3;
  --color-frosty-pink-200: #cdd6d1;
  --color-frosty-pink-300: #b7c1bb;
  --color-frosty-pink-400: #98a29c;
  --color-frosty-pink-500: #7d8882;
  --color-frosty-pink-600: #646e68;
  --color-frosty-pink-700: #4f5853;
  --color-frosty-pink-800: #3c4540;
  --color-frosty-pink-900: #2e3531;
  --color-frosty-pink-950: #1c211e;
  --color-dinosaur-egg: #cab7a3;
  --color-dinosaur-egg-50: #fbf0e4;
  --color-dinosaur-egg-100: #f1e4d7;
  --color-dinosaur-egg-200: #decfc0;
  --color-dinosaur-egg-300: #cab7a3;
  --color-dinosaur-egg-400: #ab9986;
  --color-dinosaur-egg-500: #917f6c;
  --color-dinosaur-egg-600: #766654;
  --color-dinosaur-egg-700: #605040;
  --color-dinosaur-egg-800: #4c3f31;
  --color-dinosaur-egg-900: #3c3124;
  --color-dinosaur-egg-950: #261e15;
  --color-monsoon-season: #7a9eb6;
  --color-monsoon-season-50: #e5f4ff;
  --color-monsoon-season-100: #d2eafb;
  --color-monsoon-season-200: #b9d6ea;
  --color-monsoon-season-300: #9ebed4;
  --color-monsoon-season-400: #7a9eb6;
  --color-monsoon-season-500: #61849b;
  --color-monsoon-season-600: #4a6b81;
  --color-monsoon-season-700: #375569;
  --color-monsoon-season-800: #294354;
  --color-monsoon-season-900: #1e3543;
  --color-monsoon-season-950: #11212c;
  --color-home-brew: #887a6d;
  --color-home-brew-50: #fbf2e9;
  --color-home-brew-100: #f0e6dc;
  --color-home-brew-200: #dcd0c5;
  --color-home-brew-300: #c5b8ab;
  --color-home-brew-400: #a59789;
  --color-home-brew-500: #887a6d;
  --color-home-brew-600: #6f6256;
  --color-home-brew-700: #594d42;
  --color-home-brew-800: #463c33;
  --color-home-brew-900: #372e26;
  --color-home-brew-950: #231d17;
  --color-chimaera: #72606e;
  --color-chimaera-50: #fdf1fa;
  --color-chimaera-100: #f3e6f0;
  --color-chimaera-200: #e0d0dc;
  --color-chimaera-300: #c9b8c5;
  --color-chimaera-400: #aa97a6;
  --color-chimaera-500: #8e7b89;
  --color-chimaera-600: #72606e;
  --color-chimaera-700: #5b4b58;
  --color-chimaera-800: #483a45;
  --color-chimaera-900: #382c35;
  --color-chimaera-950: #231b21;
  --color-black-olive: #354135;
  --color-black-olive-50: #f0f8ef;
  --color-black-olive-100: #e5eee5;
  --color-black-olive-200: #d0dbd0;
  --color-black-olive-300: #b7c4b7;
  --color-black-olive-400: #96a496;
  --color-black-olive-500: #7a887a;
  --color-black-olive-600: #5f6c5f;
  --color-black-olive-700: #495449;
  --color-black-olive-800: #354135;
  --color-black-olive-900: #293129;
  --color-black-olive-950: #181e18;
}