British Racing Green

CSS

:root {
  --british-racing-green: #05480d;
  --british-racing-green-rgb: 5 72 13;
  --british-racing-green-oklch: oklch(0.35 0.109 144.1);
}

.element {
  color: var(--british-racing-green);
  background-color: hsl(127 87% 15%);
  border-color: oklch(0.35 0.109 144.1);
}

Tailwind CSS v4

@theme {
  --color-british-racing-green: #05480d;
  --color-british-racing-green-50: #e2fee3;
  --color-british-racing-green-100: #d2f2d3;
  --color-british-racing-green-200: #b7e1b9;
  --color-british-racing-green-300: #93c796;
  --color-british-racing-green-400: #76af75;
  --color-british-racing-green-500: #559956;
  --color-british-racing-green-600: #498149;
  --color-british-racing-green-700: #3a673a;
  --color-british-racing-green-800: #2b4c28;
  --color-british-racing-green-900: #1d351b;
  --color-british-racing-green-950: #0d200b;
}

SCSS

$british-racing-green: #05480d;
$british-racing-green-rgb: 5, 72, 13;
$british-racing-green-light: mix(#fff, $british-racing-green, 20%);
$british-racing-green-dark: mix(#000, $british-racing-green, 20%);

.element {
  color: $british-racing-green;
  box-shadow: 0 0 0 2px rgba($british-racing-green, 0.35);
}