Jungle Mist
See how #B4CFD3 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Jungle Mist Base */
--color-primary: #B4CFD3;
--color-primary-rgb: 180 207 211;
--color-primary-hsl: 188 26% 77%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #eff5f6;
--color-primary-100: #cfe0e3;
--color-primary-200: #afcbd0;
--color-primary-300: #8fb7bd;
--color-primary-400: #6ea2aa;
--color-primary-500: #558991;
--color-primary-600: #426a70;
--color-primary-700: #2f4c50;
--color-primary-800: #1c2e30;
--color-primary-900: #090f10;
}