Cloud Burst
See how #243B55 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Cloud Burst Base */
--color-primary: #243B55;
--color-primary-rgb: 36 59 85;
--color-primary-hsl: 212 40% 24%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #edf2f7;
--color-primary-100: #c9d8e8;
--color-primary-200: #a6bed9;
--color-primary-300: #82a3c9;
--color-primary-400: #5e89ba;
--color-primary-500: #4570a1;
--color-primary-600: #36577d;
--color-primary-700: #263e59;
--color-primary-800: #172536;
--color-primary-900: #080c12;
}