Pacifika
See how #757519 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Pacifika Base */
--color-primary: #757519;
--color-primary-rgb: 117 117 25;
--color-primary-hsl: 60 65% 28%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #fbfbea;
--color-primary-100: #f2f2c0;
--color-primary-200: #e9e996;
--color-primary-300: #e0e06c;
--color-primary-400: #d7d742;
--color-primary-500: #bdbd28;
--color-primary-600: #93931f;
--color-primary-700: #696916;
--color-primary-800: #3f3f0d;
--color-primary-900: #151504;
}