Castro
See how #52001F looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Castro Base */
--color-primary: #52001F;
--color-primary-rgb: 82 0 31;
--color-primary-hsl: 337 100% 16%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #ffe5ef;
--color-primary-100: #ffb3d0;
--color-primary-200: #ff80b0;
--color-primary-300: #ff4d91;
--color-primary-400: #ff1a71;
--color-primary-500: #e60058;
--color-primary-600: #b30044;
--color-primary-700: #800031;
--color-primary-800: #4d001d;
--color-primary-900: #1a000a;
}