NYC Apartment Wall

CSS

:root {
  --nyc-apartment-wall: #efeae8;
  --nyc-apartment-wall-rgb: 239 234 232;
  --nyc-apartment-wall-oklch: oklch(0.94 0.006 43.3);
}

.element {
  color: var(--nyc-apartment-wall);
  background-color: hsl(17 18% 92%);
  border-color: oklch(0.94 0.006 43.3);
}

Tailwind CSS v4

@theme {
  --color-nyc-apartment-wall: #efeae8;
  --color-nyc-apartment-wall-50: #f7f4f4;
  --color-nyc-apartment-wall-100: #eae7e6;
  --color-nyc-apartment-wall-200: #d6d3d2;
  --color-nyc-apartment-wall-300: #bab6b5;
  --color-nyc-apartment-wall-400: #a29d9b;
  --color-nyc-apartment-wall-500: #8a8583;
  --color-nyc-apartment-wall-600: #75706f;
  --color-nyc-apartment-wall-700: #5d5a59;
  --color-nyc-apartment-wall-800: #444241;
  --color-nyc-apartment-wall-900: #2f2d2d;
  --color-nyc-apartment-wall-950: #1c1a1a;
}

SCSS

$nyc-apartment-wall: #efeae8;
$nyc-apartment-wall-rgb: 239, 234, 232;
$nyc-apartment-wall-light: mix(#fff, $nyc-apartment-wall, 20%);
$nyc-apartment-wall-dark: mix(#000, $nyc-apartment-wall, 20%);

.element {
  color: $nyc-apartment-wall;
  box-shadow: 0 0 0 2px rgba($nyc-apartment-wall, 0.35);
}