British Racing Green to Go Go Green color palette

About this palette

British Racing Green to Go Go Green is a 5-color cool, earthy palette: #03460C (British Racing Green), #F8FDD8 (Good Morning), #AAC272 (Fiddle-Leaf Fig), #54A540 (Jungle Jewels), #008676 (Go Go Green). It mixes green, white, turquoise tones and feels cool overall. The strongest text pairing is #03460C on #F8FDD8 with a contrast ratio of 10.63:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
British Racing Greenrgb(3, 70, 12)hsl(128, 92%, 14%)
Good Morningrgb(248, 253, 216)hsl(68, 90%, 92%)
Fiddle-Leaf Figrgb(170, 194, 114)hsl(78, 40%, 60%)
Jungle Jewelsrgb(84, 165, 64)hsl(108, 44%, 45%)
Go Go Greenrgb(0, 134, 118)hsl(173, 100%, 26%)

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.63:1 Very good#03460C on #F8FDD8
  • Aa10.63:1 Very good#F8FDD8 on #03460C
  • Aa5.66:1 Good#03460C on #AAC272
  • Aa5.66:1 Good#AAC272 on #03460C
  • Aa4.29:1 Poor#F8FDD8 on #008676
  • Aa4.29:1 Poor#008676 on #F8FDD8
  • Aa3.62:1 Poor#03460C on #54A540
  • Aa3.62:1 Poor#54A540 on #03460C

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* British Racing Green to Go Go Green — https://swatchly.xyz/palette/03460c-f8fdd8-aac272-54a540-008676 */
:root {
  --british-racing-green: #03460c;
  --good-morning: #f8fdd8;
  --fiddle-leaf-fig: #aac272;
  --jungle-jewels: #54a540;
  --go-go-green: #008676;
}

Tailwind CSS v4

/* British Racing Green to Go Go Green — https://swatchly.xyz/palette/03460c-f8fdd8-aac272-54a540-008676 */
@theme {
  --color-british-racing-green: #03460c;
  --color-british-racing-green-50: #e1ffe0;
  --color-british-racing-green-100: #d1f8d0;
  --color-british-racing-green-200: #b8e6b7;
  --color-british-racing-green-300: #9cd19c;
  --color-british-racing-green-400: #7ab479;
  --color-british-racing-green-500: #5e995e;
  --color-british-racing-green-600: #457f46;
  --color-british-racing-green-700: #316833;
  --color-british-racing-green-800: #235425;
  --color-british-racing-green-900: #03460c;
  --color-british-racing-green-950: #0b2c0d;
  --color-good-morning: #f8fdd8;
  --color-good-morning-50: #f8fdd8;
  --color-good-morning-100: #eef1db;
  --color-good-morning-200: #d9ddc3;
  --color-good-morning-300: #c2c6a8;
  --color-good-morning-400: #a2a685;
  --color-good-morning-500: #868a69;
  --color-good-morning-600: #6b6f4f;
  --color-good-morning-700: #55583b;
  --color-good-morning-800: #42452b;
  --color-good-morning-900: #33351f;
  --color-good-morning-950: #1f2111;
  --color-fiddle-leaf-fig: #aac272;
  --color-fiddle-leaf-fig-50: #e8f7c8;
  --color-fiddle-leaf-fig-100: #dbecb7;
  --color-fiddle-leaf-fig-200: #c4d89a;
  --color-fiddle-leaf-fig-300: #aac272;
  --color-fiddle-leaf-fig-400: #8da457;
  --color-fiddle-leaf-fig-500: #748a3b;
  --color-fiddle-leaf-fig-600: #5c7022;
  --color-fiddle-leaf-fig-700: #495a0f;
  --color-fiddle-leaf-fig-800: #394802;
  --color-fiddle-leaf-fig-900: #2c3900;
  --color-fiddle-leaf-fig-950: #1a2300;
  --color-jungle-jewels: #54a540;
  --color-jungle-jewels-50: #e7ffe1;
  --color-jungle-jewels-100: #cdffc2;
  --color-jungle-jewels-200: #b4efa7;
  --color-jungle-jewels-300: #98dc89;
  --color-jungle-jewels-400: #73bf61;
  --color-jungle-jewels-500: #54a540;
  --color-jungle-jewels-600: #378720;
  --color-jungle-jewels-700: #1f6d01;
  --color-jungle-jewels-800: #165500;
  --color-jungle-jewels-900: #0f4100;
  --color-jungle-jewels-950: #062900;
  --color-go-go-green: #008676;
  --color-go-go-green-50: #d8fff6;
  --color-go-go-green-100: #c0fbee;
  --color-go-go-green-200: #a4ebdc;
  --color-go-go-green-300: #85d7c8;
  --color-go-go-green-400: #5abaaa;
  --color-go-go-green-500: #34a08f;
  --color-go-go-green-600: #008676;
  --color-go-go-green-700: #006b5d;
  --color-go-go-green-800: #005349;
  --color-go-go-green-900: #004038;
  --color-go-go-green-950: #002822;
}

Similar palettes