Tasman
See how #CFDCCF looks when applied to real interface components.
Use lighter tints for backgrounds to maintain readability while keeping brand identity.
:root {
/* Tasman Base */
--color-primary: #CFDCCF;
--color-primary-rgb: 207 220 207;
--color-primary-hsl: 120 16% 84%;
/* Foreground text color based on contrast */
--color-primary-foreground: #000000;
/* Shades */
--color-primary-50: #f0f4f0;
--color-primary-100: #d3dfd3;
--color-primary-200: #b5c9b5;
--color-primary-300: #97b497;
--color-primary-400: #7a9f7a;
--color-primary-500: #608560;
--color-primary-600: #4b684b;
--color-primary-700: #364a36;
--color-primary-800: #202c20;
--color-primary-900: #0b0f0b;
}