Deep Cove
See how #051937 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Deep Cove Base */
--color-primary: #051937;
--color-primary-rgb: 5 25 55;
--color-primary-hsl: 216 83% 12%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #e8f0fd;
--color-primary-100: #b9d2f8;
--color-primary-200: #8ab5f4;
--color-primary-300: #5c97f0;
--color-primary-400: #2d79eb;
--color-primary-500: #1460d2;
--color-primary-600: #0f4aa3;
--color-primary-700: #0b3575;
--color-primary-800: #072046;
--color-primary-900: #020b17;
}