Cardin Green
See how #01361C looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Cardin Green Base */
--color-primary: #01361C;
--color-primary-rgb: 1 54 28;
--color-primary-hsl: 151 96% 11%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #e6fef3;
--color-primary-100: #b4fdda;
--color-primary-200: #82fcc1;
--color-primary-300: #50fba9;
--color-primary-400: #1efa90;
--color-primary-500: #05e176;
--color-primary-600: #04af5c;
--color-primary-700: #037d42;
--color-primary-800: #024b27;
--color-primary-900: #01190d;
}