Bright Sun
See how #FEE140 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Bright Sun Base */
--color-primary: #FEE140;
--color-primary-rgb: 254 225 64;
--color-primary-hsl: 51 99% 62%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #fffbe6;
--color-primary-100: #fff3b3;
--color-primary-200: #feeb80;
--color-primary-300: #fee44d;
--color-primary-400: #fedc1b;
--color-primary-500: #e4c201;
--color-primary-600: #b29701;
--color-primary-700: #7f6c01;
--color-primary-800: #4c4100;
--color-primary-900: #191600;
}