Pale King’s Blue to Polished Bronze Color Palette

About this palette

Pale King’s Blue to Polished Bronze is a 4-color cool palette: #B3F5E0 (Pale King’s Blue), #006254 (Philodendron), #151326 (Corbeau), #CC7E39 (Polished Bronze). It mixes turquoise, black, orange tones and feels cool overall. The strongest text pairing is #B3F5E0 on #151326 with a contrast ratio of 14.79:1, and 3 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pale King’s Blue	rgb(179, 245, 224)	hsl(161, 77%, 83%)
Philodendron	rgb(0, 98, 84)	hsl(171, 100%, 19%)
Corbeau	rgb(21, 19, 38)	hsl(246, 33%, 11%)
Polished Bronze	rgb(204, 126, 57)	hsl(28, 59%, 51%)

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.

Aa14.79:1 Super#B3F5E0 on #151326
Aa14.79:1 Super#151326 on #B3F5E0
Aa5.93:1 Good#B3F5E0 on #006254
Aa5.93:1 Good#006254 on #B3F5E0
Aa5.73:1 Good#151326 on #CC7E39
Aa5.73:1 Good#CC7E39 on #151326

Color blindness preview

CSS variables

/* Pale King’s Blue to Polished Bronze — https://swatchly.xyz/palette/b3f5e0-006254-151326-cc7e39 */
:root {
  --pale-king-s-blue: #b3f5e0;
  --philodendron: #006254;
  --corbeau: #151326;
  --polished-bronze: #cc7e39;
}

Tailwind CSS v4

/* Pale King’s Blue to Polished Bronze — https://swatchly.xyz/palette/b3f5e0-006254-151326-cc7e39 */
@theme {
  --color-pale-king-s-blue: #b3f5e0;
  --color-pale-king-s-blue-50: #d4faed;
  --color-pale-king-s-blue-100: #b3f5e0;
  --color-pale-king-s-blue-200: #addfcf;
  --color-pale-king-s-blue-300: #93cab9;
  --color-pale-king-s-blue-400: #6fad9a;
  --color-pale-king-s-blue-500: #539380;
  --color-pale-king-s-blue-600: #3a7867;
  --color-pale-king-s-blue-700: #276152;
  --color-pale-king-s-blue-800: #184d3f;
  --color-pale-king-s-blue-900: #0d3c30;
  --color-pale-king-s-blue-950: #05251d;
  --color-philodendron: #006254;
  --color-philodendron-50: #d8fff5;
  --color-philodendron-100: #c8f7eb;
  --color-philodendron-200: #ade5d7;
  --color-philodendron-300: #8ed0c1;
  --color-philodendron-400: #67b1a1;
  --color-philodendron-500: #479585;
  --color-philodendron-600: #2a796b;
  --color-philodendron-700: #006254;
  --color-philodendron-800: #024d41;
  --color-philodendron-900: #003b32;
  --color-philodendron-950: #00251f;
  --color-corbeau: #151326;
  --color-corbeau-50: #f4f4ff;
  --color-corbeau-100: #eae9fa;
  --color-corbeau-200: #d6d5e9;
  --color-corbeau-300: #bfbed5;
  --color-corbeau-400: #a09fb7;
  --color-corbeau-500: #82819a;
  --color-corbeau-600: #66657c;
  --color-corbeau-700: #4e4d62;
  --color-corbeau-800: #3a394a;
  --color-corbeau-900: #292937;
  --color-corbeau-950: #151326;
  --color-polished-bronze: #cc7e39;
  --color-polished-bronze-50: #fff6ef;
  --color-polished-bronze-100: #ffecde;
  --color-polished-bronze-200: #ffd5b6;
  --color-polished-bronze-300: #fdba85;
  --color-polished-bronze-400: #e49a5c;
  --color-polished-bronze-500: #cc7e39;
  --color-polished-bronze-600: #ac6113;
  --color-polished-bronze-700: #8b4a00;
  --color-polished-bronze-800: #6d3900;
  --color-polished-bronze-900: #542a00;
  --color-polished-bronze-950: #351900;
}