Hemlock
See how #605C3C looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Hemlock Base */
--color-primary: #605C3C;
--color-primary-rgb: 96 92 60;
--color-primary-hsl: 53 23% 31%;
/* Foreground text color based on contrast */
--color-primary-foreground: #ffffff;
/* Shades */
--color-primary-50: #f5f4ef;
--color-primary-100: #e2dfd0;
--color-primary-200: #cecab1;
--color-primary-300: #bab591;
--color-primary-400: #a7a072;
--color-primary-500: #8d8758;
--color-primary-600: #6e6945;
--color-primary-700: #4e4b31;
--color-primary-800: #2f2d1d;
--color-primary-900: #100f0a;
}