Tusk
See how #E1F5C4 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Tusk Base */
--color-primary: #E1F5C4;
--color-primary-rgb: 225 245 196;
--color-primary-hsl: 84 71% 86%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f4fbe9;
--color-primary-100: #def4be;
--color-primary-200: #c8ed92;
--color-primary-300: #b2e566;
--color-primary-400: #9dde3b;
--color-primary-500: #83c421;
--color-primary-600: #66991a;
--color-primary-700: #496d12;
--color-primary-800: #2c410b;
--color-primary-900: #0f1604;
}