Robin's Egg Blue
See how #06BEB6 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Robin's Egg Blue Base */
--color-primary: #06BEB6;
--color-primary-rgb: 6 190 182;
--color-primary-hsl: 177 94% 38%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #e6fefd;
--color-primary-100: #b5fdf9;
--color-primary-200: #83fbf5;
--color-primary-300: #52faf1;
--color-primary-400: #20f8ed;
--color-primary-500: #07dfd4;
--color-primary-600: #05ada5;
--color-primary-700: #047c76;
--color-primary-800: #024a47;
--color-primary-900: #011918;
}