Peru Tan
See how #7F3A02 looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Peru Tan Base */
--color-primary: #7F3A02;
--color-primary-rgb: 127 58 2;
--color-primary-hsl: 27 97% 25%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #fff1e6;
--color-primary-100: #fed5b4;
--color-primary-200: #fdb981;
--color-primary-300: #fc9d4f;
--color-primary-400: #fc811d;
--color-primary-500: #e26803;
--color-primary-600: #b05103;
--color-primary-700: #7e3a02;
--color-primary-800: #4b2301;
--color-primary-900: #190c00;
}