Eden
See how #134E5E looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Eden Base */
--color-primary: #134E5E;
--color-primary-rgb: 19 78 94;
--color-primary-hsl: 193 66% 22%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #eaf7fb;
--color-primary-100: #c0e7f2;
--color-primary-200: #95d7e9;
--color-primary-300: #6bc7e1;
--color-primary-400: #41b7d8;
--color-primary-500: #279ebe;
--color-primary-600: #1e7b94;
--color-primary-700: #16586a;
--color-primary-800: #0d353f;
--color-primary-900: #041215;
}