Pharlap
See how #A3807B looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Pharlap Base */
--color-primary: #A3807B;
--color-primary-rgb: 163 128 123;
--color-primary-hsl: 7 18% 56%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f5f0f0;
--color-primary-100: #e0d3d2;
--color-primary-200: #cbb6b4;
--color-primary-300: #b69996;
--color-primary-400: #a17c78;
--color-primary-500: #87635e;
--color-primary-600: #694d49;
--color-primary-700: #4b3734;
--color-primary-800: #2d211f;
--color-primary-900: #0f0b0a;
}