Danube
See how #5691C8 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Danube Base */
--color-primary: #5691C8;
--color-primary-rgb: 86 145 200;
--color-primary-hsl: 209 51% 56%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #ecf2f9;
--color-primary-100: #c5d9ec;
--color-primary-200: #9fc0e0;
--color-primary-300: #78a7d3;
--color-primary-400: #528ec7;
--color-primary-500: #3875ad;
--color-primary-600: #2c5b87;
--color-primary-700: #1f4160;
--color-primary-800: #13273a;
--color-primary-900: #060d13;
}