Deep Cove
See how #051040 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: #051040;
--color-primary-rgb: 5 16 64;
--color-primary-hsl: 229 86% 14%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #e7ebfd;
--color-primary-100: #b8c4fa;
--color-primary-200: #889df6;
--color-primary-300: #5975f3;
--color-primary-400: #2a4eef;
--color-primary-500: #1034d5;
--color-primary-600: #0c29a6;
--color-primary-700: #091d77;
--color-primary-800: #051147;
--color-primary-900: #020618;
}