#35757B

CSS

:root {
  --diver-s-eden: #35757b;
  --diver-s-eden-rgb: 53 117 123;
  --diver-s-eden-oklch: oklch(0.523 0.066 203.6);
}

.element {
  color: var(--diver-s-eden);
  background-color: hsl(185 40% 35%);
  border-color: oklch(0.523 0.066 203.6);
}

Tailwind CSS v4

@theme {
  --color-diver-s-eden: #35757b;
  --color-diver-s-eden-50: #e1fbfe;
  --color-diver-s-eden-100: #d0eff3;
  --color-diver-s-eden-200: #b5dde2;
  --color-diver-s-eden-300: #90c2c8;
  --color-diver-s-eden-400: #6eaab0;
  --color-diver-s-eden-500: #4c939a;
  --color-diver-s-eden-600: #417c82;
  --color-diver-s-eden-700: #346468;
  --color-diver-s-eden-800: #24494c;
  --color-diver-s-eden-900: #183335;
  --color-diver-s-eden-950: #081e20;
}

SCSS

$diver-s-eden: #35757b;
$diver-s-eden-rgb: 53, 117, 123;
$diver-s-eden-light: mix(#fff, $diver-s-eden, 20%);
$diver-s-eden-dark: mix(#000, $diver-s-eden, 20%);

.element {
  color: $diver-s-eden;
  box-shadow: 0 0 0 2px rgba($diver-s-eden, 0.35);
}