Martinique
See how #2B2C49 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Martinique Base */
--color-primary: #2B2C49;
--color-primary-rgb: 43 44 73;
--color-primary-hsl: 238 26% 23%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #efeff6;
--color-primary-100: #cfcfe3;
--color-primary-200: #afb0d0;
--color-primary-300: #8f90bd;
--color-primary-400: #6e70aa;
--color-primary-500: #555791;
--color-primary-600: #424470;
--color-primary-700: #2f3050;
--color-primary-800: #1c1d30;
--color-primary-900: #090a10;
}