ordinary-palette 0.2.0

package/dist/palette.d.ts

@@ -0,0 +1,1300 @@
+export declare const steps: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+export type ColorStep = (typeof steps)[number];
+export type ColorScale = Record<ColorStep, string>;
+export declare const opacitySteps: readonly ["00", "05", "10", "20", "30", "40", "50", "60", "70", "80", "90", "100"];
+export type OpacityStep = (typeof opacitySteps)[number];
+export type OpacityScale = Record<OpacityStep, string>;
+/** Light-scale yellow OKLCH L minus blue L. Zero on step 50, which every color family shares. Positive from 100, where yellow stays lighter than blue. */
+export declare const yellowLightnessOffset: {
+    readonly 50: 0;
+    readonly 100: 1.9;
+    readonly 200: 5.8;
+    readonly 300: 10;
+    readonly 400: 14.7;
+    readonly 500: 19.5;
+    readonly 600: 21.6;
+    readonly 700: 22.4;
+    readonly 800: 22.4;
+    readonly 900: 19.8;
+};
+/**
+ * Dark cool-gray OKLCH L. The dark scale runs the other way: step 50 is the darkest surface tint and
+ * step 900 the lightest, so a step keeps its role (50 background, 900 text) in both modes.
+ */
+export declare const darkLightness: {
+    readonly 50: 22;
+    readonly 100: 27;
+    readonly 200: 33;
+    readonly 300: 40;
+    readonly 400: 49;
+    readonly 500: 59;
+    readonly 600: 70;
+    readonly 700: 81;
+    readonly 800: 90;
+    readonly 900: 97;
+};
+export declare const pink: {
+    readonly 50: "#feeff4";
+    readonly 100: "#fcdee8";
+    readonly 200: "#f9bfd3";
+    readonly 300: "#ff95be";
+    readonly 400: "#ff61a7";
+    readonly 500: "#e7388d";
+    readonly 600: "#ca1476";
+    readonly 700: "#a80061";
+    readonly 800: "#85004b";
+    readonly 900: "#650038";
+};
+export declare const red: {
+    readonly 50: "#ffefed";
+    readonly 100: "#ffdfda";
+    readonly 200: "#fdc1b9";
+    readonly 300: "#ff998f";
+    readonly 400: "#ff6960";
+    readonly 500: "#ee3635";
+    readonly 600: "#d20b1b";
+    readonly 700: "#ac0014";
+    readonly 800: "#88000a";
+    readonly 900: "#660006";
+};
+export declare const orange: {
+    readonly 50: "#fcf1e8";
+    readonly 100: "#fae2d0";
+    readonly 200: "#f5c8a4";
+    readonly 300: "#faaa76";
+    readonly 400: "#ff8542";
+    readonly 500: "#ec5f00";
+    readonly 600: "#c94d00";
+    readonly 700: "#a83d00";
+    readonly 800: "#873000";
+    readonly 900: "#692300";
+};
+export declare const yellow: {
+    readonly 50: "#fdf3da";
+    readonly 100: "#ffecbd";
+    readonly 200: "#ffe29b";
+    readonly 300: "#ffd576";
+    readonly 400: "#ffc84c";
+    readonly 500: "#feb700";
+    readonly 600: "#e9a400";
+    readonly 700: "#d28f00";
+    readonly 800: "#b57a00";
+    readonly 900: "#916000";
+};
+export declare const lightGreen: {
+    readonly 50: "#f0f5e9";
+    readonly 100: "#e2ecd2";
+    readonly 200: "#c8daa7";
+    readonly 300: "#aacd5d";
+    readonly 400: "#8cb809";
+    readonly 500: "#739c00";
+    readonly 600: "#588000";
+    readonly 700: "#466c00";
+    readonly 800: "#325600";
+    readonly 900: "#234200";
+};
+export declare const green: {
+    readonly 50: "#ebf6ed";
+    readonly 100: "#d5efdd";
+    readonly 200: "#afe0be";
+    readonly 300: "#7bd59a";
+    readonly 400: "#4dbf7a";
+    readonly 500: "#21a65b";
+    readonly 600: "#008849";
+    readonly 700: "#00723c";
+    readonly 800: "#005a2e";
+    readonly 900: "#004422";
+};
+export declare const cyan: {
+    readonly 50: "#e7f7f7";
+    readonly 100: "#cdf0ef";
+    readonly 200: "#9be1e1";
+    readonly 300: "#44d5d7";
+    readonly 400: "#18bcbe";
+    readonly 500: "#00a0a0";
+    readonly 600: "#008282";
+    readonly 700: "#006d6d";
+    readonly 800: "#005656";
+    readonly 900: "#004141";
+};
+export declare const lightBlue: {
+    readonly 50: "#e8f6fc";
+    readonly 100: "#d0ecfb";
+    readonly 200: "#a4dbf8";
+    readonly 300: "#64cbff";
+    readonly 400: "#01b3f5";
+    readonly 500: "#0097d3";
+    readonly 600: "#007db5";
+    readonly 700: "#006697";
+    readonly 800: "#004f79";
+    readonly 900: "#003c5e";
+};
+export declare const blue: {
+    readonly 50: "#eaf5fe";
+    readonly 100: "#d5eaff";
+    readonly 200: "#b0d6ff";
+    readonly 300: "#8abeff";
+    readonly 400: "#5fa4ff";
+    readonly 500: "#2b84ff";
+    readonly 600: "#126be0";
+    readonly 700: "#0056bd";
+    readonly 800: "#004395";
+    readonly 900: "#003272";
+};
+export declare const purple: {
+    readonly 50: "#f1f3ff";
+    readonly 100: "#e6e4ff";
+    readonly 200: "#cfcbfe";
+    readonly 300: "#b4abff";
+    readonly 400: "#9d8bff";
+    readonly 500: "#8568f6";
+    readonly 600: "#6e4fdb";
+    readonly 700: "#593eb5";
+    readonly 800: "#452f8f";
+    readonly 900: "#33226c";
+};
+export declare const brown: {
+    readonly 50: "#f8f2ec";
+    readonly 100: "#f3e5d9";
+    readonly 200: "#e6cdb9";
+    readonly 300: "#d3b090";
+    readonly 400: "#c1956f";
+    readonly 500: "#aa7a53";
+    readonly 600: "#91633e";
+    readonly 700: "#784f2e";
+    readonly 800: "#5f3b20";
+    readonly 900: "#482b14";
+};
+export declare const coolGray: {
+    readonly 50: "#f7f8fa";
+    readonly 100: "#f2f4f5";
+    readonly 200: "#e7eaed";
+    readonly 300: "#d2d6db";
+    readonly 400: "#afb5bb";
+    readonly 500: "#838a91";
+    readonly 600: "#61686f";
+    readonly 700: "#454b51";
+    readonly 800: "#2e3338";
+    readonly 900: "#1c2023";
+};
+export declare const neutralGray: {
+    readonly 50: "#f8f8f8";
+    readonly 100: "#f3f3f3";
+    readonly 200: "#e9e9e9";
+    readonly 300: "#d6d6d6";
+    readonly 400: "#b4b4b4";
+    readonly 500: "#898989";
+    readonly 600: "#676767";
+    readonly 700: "#4a4a4a";
+    readonly 800: "#333333";
+    readonly 900: "#1f1f1f";
+};
+export declare const whiteOpacity: {
+    readonly "00": "#ffffff00";
+    readonly "05": "#ffffff0d";
+    readonly "10": "#ffffff1a";
+    readonly "20": "#ffffff33";
+    readonly "30": "#ffffff4d";
+    readonly "40": "#ffffff66";
+    readonly "50": "#ffffff80";
+    readonly "60": "#ffffff99";
+    readonly "70": "#ffffffb3";
+    readonly "80": "#ffffffcc";
+    readonly "90": "#ffffffe6";
+    readonly "100": "#ffffffff";
+};
+export declare const blackOpacity: {
+    readonly "00": "#00000000";
+    readonly "05": "#0000000d";
+    readonly "10": "#0000001a";
+    readonly "20": "#00000033";
+    readonly "30": "#0000004d";
+    readonly "40": "#00000066";
+    readonly "50": "#00000080";
+    readonly "60": "#00000099";
+    readonly "70": "#000000b3";
+    readonly "80": "#000000cc";
+    readonly "90": "#000000e6";
+    readonly "100": "#000000ff";
+};
+export declare const darkPink: {
+    readonly 50: "#3b232c";
+    readonly 100: "#512939";
+    readonly 200: "#6b3249";
+    readonly 300: "#9a2b5f";
+    readonly 400: "#c22d76";
+    readonly 500: "#eb3c90";
+    readonly 600: "#ff66a9";
+    readonly 700: "#ff96bf";
+    readonly 800: "#ffbcd4";
+    readonly 900: "#ffdee9";
+};
+export declare const darkRed: {
+    readonly 50: "#3d2321";
+    readonly 100: "#542a26";
+    readonly 200: "#6e332e";
+    readonly 300: "#a02b29";
+    readonly 400: "#ca2e2c";
+    readonly 500: "#f33c39";
+    readonly 600: "#ff7067";
+    readonly 700: "#ff9c92";
+    readonly 800: "#ffc0b7";
+    readonly 900: "#ffe0db";
+};
+export declare const darkOrange: {
+    readonly 50: "#3c251b";
+    readonly 100: "#532c1d";
+    readonly 200: "#6d3620";
+    readonly 300: "#9a3e13";
+    readonly 400: "#c54c03";
+    readonly 500: "#f0620a";
+    readonly 600: "#ff8440";
+    readonly 700: "#ffa970";
+    readonly 800: "#ffc79a";
+    readonly 900: "#ffe2cb";
+};
+export declare const darkYellow: {
+    readonly 50: "#362915";
+    readonly 100: "#4a330d";
+    readonly 200: "#614000";
+    readonly 300: "#986600";
+    readonly 400: "#cc8b00";
+    readonly 500: "#f2ae00";
+    readonly 600: "#fcba32";
+    readonly 700: "#fbcd6d";
+    readonly 800: "#f9dfa0";
+    readonly 900: "#fcefd0";
+};
+export declare const darkLightGreen: {
+    readonly 50: "#23301b";
+    readonly 100: "#2b3f1c";
+    readonly 200: "#36511c";
+    readonly 300: "#456a03";
+    readonly 400: "#5a8300";
+    readonly 500: "#769f00";
+    readonly 600: "#8fb832";
+    readonly 700: "#abcb67";
+    readonly 800: "#c7dd9b";
+    readonly 900: "#e1eecd";
+};
+export declare const darkGreen: {
+    readonly 50: "#1b3122";
+    readonly 100: "#1a4129";
+    readonly 200: "#1a5531";
+    readonly 300: "#1a6e3f";
+    readonly 400: "#118b4d";
+    readonly 500: "#26a95e";
+    readonly 600: "#4fc17c";
+    readonly 700: "#7ed39b";
+    readonly 800: "#abe2bc";
+    readonly 900: "#d4f0dd";
+};
+export declare const darkCyan: {
+    readonly 50: "#0e3231";
+    readonly 100: "#004141";
+    readonly 200: "#005353";
+    readonly 300: "#006b6b";
+    readonly 400: "#008585";
+    readonly 500: "#00a3a3";
+    readonly 600: "#3abcbe";
+    readonly 700: "#72cfd0";
+    readonly 800: "#a5e0df";
+    readonly 900: "#d2efee";
+};
+export declare const darkLightBlue: {
+    readonly 50: "#182e3e";
+    readonly 100: "#163b55";
+    readonly 200: "#104c71";
+    readonly 300: "#086392";
+    readonly 400: "#007db5";
+    readonly 500: "#009ad7";
+    readonly 600: "#34b4f0";
+    readonly 700: "#6cc9f9";
+    readonly 800: "#a0dcfc";
+    readonly 900: "#d0edfd";
+};
+export declare const darkBlue: {
+    readonly 50: "#1f2c3f";
+    readonly 100: "#233858";
+    readonly 200: "#294875";
+    readonly 300: "#305b9b";
+    readonly 400: "#3270cb";
+    readonly 500: "#3388ff";
+    readonly 600: "#63a6ff";
+    readonly 700: "#8cbfff";
+    readonly 800: "#b0d6ff";
+    readonly 900: "#d6ebff";
+};
+export declare const darkPurple: {
+    readonly 50: "#2a283e";
+    readonly 100: "#373256";
+    readonly 200: "#463f73";
+    readonly 300: "#594e97";
+    readonly 400: "#6e5dc4";
+    readonly 500: "#886bfa";
+    readonly 600: "#a08fff";
+    readonly 700: "#b6aeff";
+    readonly 800: "#cecaff";
+    readonly 900: "#e6e5ff";
+};
+export declare const darkBrown: {
+    readonly 50: "#342921";
+    readonly 100: "#443429";
+    readonly 200: "#594231";
+    readonly 300: "#73533b";
+    readonly 400: "#906646";
+    readonly 500: "#ad7d56";
+    readonly 600: "#c59872";
+    readonly 700: "#d6b392";
+    readonly 800: "#e6ccb7";
+    readonly 900: "#f2e5da";
+};
+export declare const darkCoolGray: {
+    readonly 50: "#161b20";
+    readonly 100: "#22272c";
+    readonly 200: "#31363b";
+    readonly 300: "#43484e";
+    readonly 400: "#5c6167";
+    readonly 500: "#797e83";
+    readonly 600: "#9b9fa3";
+    readonly 700: "#bec1c5";
+    readonly 800: "#dcdee0";
+    readonly 900: "#f4f5f6";
+};
+export declare const darkNeutralGray: {
+    readonly 50: "#1b1b1b";
+    readonly 100: "#262626";
+    readonly 200: "#353535";
+    readonly 300: "#484848";
+    readonly 400: "#606060";
+    readonly 500: "#7d7d7d";
+    readonly 600: "#9e9e9e";
+    readonly 700: "#c1c1c1";
+    readonly 800: "#dedede";
+    readonly 900: "#f5f5f5";
+};
+export declare const families: readonly ["pink", "red", "orange", "yellow", "light-green", "green", "cyan", "light-blue", "blue", "purple", "brown", "cool-gray", "neutral-gray"];
+export type ColorFamily = (typeof families)[number];
+export declare const colors: {
+    readonly pink: {
+        readonly 50: "#feeff4";
+        readonly 100: "#fcdee8";
+        readonly 200: "#f9bfd3";
+        readonly 300: "#ff95be";
+        readonly 400: "#ff61a7";
+        readonly 500: "#e7388d";
+        readonly 600: "#ca1476";
+        readonly 700: "#a80061";
+        readonly 800: "#85004b";
+        readonly 900: "#650038";
+    };
+    readonly red: {
+        readonly 50: "#ffefed";
+        readonly 100: "#ffdfda";
+        readonly 200: "#fdc1b9";
+        readonly 300: "#ff998f";
+        readonly 400: "#ff6960";
+        readonly 500: "#ee3635";
+        readonly 600: "#d20b1b";
+        readonly 700: "#ac0014";
+        readonly 800: "#88000a";
+        readonly 900: "#660006";
+    };
+    readonly orange: {
+        readonly 50: "#fcf1e8";
+        readonly 100: "#fae2d0";
+        readonly 200: "#f5c8a4";
+        readonly 300: "#faaa76";
+        readonly 400: "#ff8542";
+        readonly 500: "#ec5f00";
+        readonly 600: "#c94d00";
+        readonly 700: "#a83d00";
+        readonly 800: "#873000";
+        readonly 900: "#692300";
+    };
+    readonly yellow: {
+        readonly 50: "#fdf3da";
+        readonly 100: "#ffecbd";
+        readonly 200: "#ffe29b";
+        readonly 300: "#ffd576";
+        readonly 400: "#ffc84c";
+        readonly 500: "#feb700";
+        readonly 600: "#e9a400";
+        readonly 700: "#d28f00";
+        readonly 800: "#b57a00";
+        readonly 900: "#916000";
+    };
+    readonly "light-green": {
+        readonly 50: "#f0f5e9";
+        readonly 100: "#e2ecd2";
+        readonly 200: "#c8daa7";
+        readonly 300: "#aacd5d";
+        readonly 400: "#8cb809";
+        readonly 500: "#739c00";
+        readonly 600: "#588000";
+        readonly 700: "#466c00";
+        readonly 800: "#325600";
+        readonly 900: "#234200";
+    };
+    readonly green: {
+        readonly 50: "#ebf6ed";
+        readonly 100: "#d5efdd";
+        readonly 200: "#afe0be";
+        readonly 300: "#7bd59a";
+        readonly 400: "#4dbf7a";
+        readonly 500: "#21a65b";
+        readonly 600: "#008849";
+        readonly 700: "#00723c";
+        readonly 800: "#005a2e";
+        readonly 900: "#004422";
+    };
+    readonly cyan: {
+        readonly 50: "#e7f7f7";
+        readonly 100: "#cdf0ef";
+        readonly 200: "#9be1e1";
+        readonly 300: "#44d5d7";
+        readonly 400: "#18bcbe";
+        readonly 500: "#00a0a0";
+        readonly 600: "#008282";
+        readonly 700: "#006d6d";
+        readonly 800: "#005656";
+        readonly 900: "#004141";
+    };
+    readonly "light-blue": {
+        readonly 50: "#e8f6fc";
+        readonly 100: "#d0ecfb";
+        readonly 200: "#a4dbf8";
+        readonly 300: "#64cbff";
+        readonly 400: "#01b3f5";
+        readonly 500: "#0097d3";
+        readonly 600: "#007db5";
+        readonly 700: "#006697";
+        readonly 800: "#004f79";
+        readonly 900: "#003c5e";
+    };
+    readonly blue: {
+        readonly 50: "#eaf5fe";
+        readonly 100: "#d5eaff";
+        readonly 200: "#b0d6ff";
+        readonly 300: "#8abeff";
+        readonly 400: "#5fa4ff";
+        readonly 500: "#2b84ff";
+        readonly 600: "#126be0";
+        readonly 700: "#0056bd";
+        readonly 800: "#004395";
+        readonly 900: "#003272";
+    };
+    readonly purple: {
+        readonly 50: "#f1f3ff";
+        readonly 100: "#e6e4ff";
+        readonly 200: "#cfcbfe";
+        readonly 300: "#b4abff";
+        readonly 400: "#9d8bff";
+        readonly 500: "#8568f6";
+        readonly 600: "#6e4fdb";
+        readonly 700: "#593eb5";
+        readonly 800: "#452f8f";
+        readonly 900: "#33226c";
+    };
+    readonly brown: {
+        readonly 50: "#f8f2ec";
+        readonly 100: "#f3e5d9";
+        readonly 200: "#e6cdb9";
+        readonly 300: "#d3b090";
+        readonly 400: "#c1956f";
+        readonly 500: "#aa7a53";
+        readonly 600: "#91633e";
+        readonly 700: "#784f2e";
+        readonly 800: "#5f3b20";
+        readonly 900: "#482b14";
+    };
+    readonly "cool-gray": {
+        readonly 50: "#f7f8fa";
+        readonly 100: "#f2f4f5";
+        readonly 200: "#e7eaed";
+        readonly 300: "#d2d6db";
+        readonly 400: "#afb5bb";
+        readonly 500: "#838a91";
+        readonly 600: "#61686f";
+        readonly 700: "#454b51";
+        readonly 800: "#2e3338";
+        readonly 900: "#1c2023";
+    };
+    readonly "neutral-gray": {
+        readonly 50: "#f8f8f8";
+        readonly 100: "#f3f3f3";
+        readonly 200: "#e9e9e9";
+        readonly 300: "#d6d6d6";
+        readonly 400: "#b4b4b4";
+        readonly 500: "#898989";
+        readonly 600: "#676767";
+        readonly 700: "#4a4a4a";
+        readonly 800: "#333333";
+        readonly 900: "#1f1f1f";
+    };
+    readonly "white-opacity": {
+        readonly "00": "#ffffff00";
+        readonly "05": "#ffffff0d";
+        readonly "10": "#ffffff1a";
+        readonly "20": "#ffffff33";
+        readonly "30": "#ffffff4d";
+        readonly "40": "#ffffff66";
+        readonly "50": "#ffffff80";
+        readonly "60": "#ffffff99";
+        readonly "70": "#ffffffb3";
+        readonly "80": "#ffffffcc";
+        readonly "90": "#ffffffe6";
+        readonly "100": "#ffffffff";
+    };
+    readonly "black-opacity": {
+        readonly "00": "#00000000";
+        readonly "05": "#0000000d";
+        readonly "10": "#0000001a";
+        readonly "20": "#00000033";
+        readonly "30": "#0000004d";
+        readonly "40": "#00000066";
+        readonly "50": "#00000080";
+        readonly "60": "#00000099";
+        readonly "70": "#000000b3";
+        readonly "80": "#000000cc";
+        readonly "90": "#000000e6";
+        readonly "100": "#000000ff";
+    };
+};
+export declare const darkColors: {
+    readonly pink: {
+        readonly 50: "#3b232c";
+        readonly 100: "#512939";
+        readonly 200: "#6b3249";
+        readonly 300: "#9a2b5f";
+        readonly 400: "#c22d76";
+        readonly 500: "#eb3c90";
+        readonly 600: "#ff66a9";
+        readonly 700: "#ff96bf";
+        readonly 800: "#ffbcd4";
+        readonly 900: "#ffdee9";
+    };
+    readonly red: {
+        readonly 50: "#3d2321";
+        readonly 100: "#542a26";
+        readonly 200: "#6e332e";
+        readonly 300: "#a02b29";
+        readonly 400: "#ca2e2c";
+        readonly 500: "#f33c39";
+        readonly 600: "#ff7067";
+        readonly 700: "#ff9c92";
+        readonly 800: "#ffc0b7";
+        readonly 900: "#ffe0db";
+    };
+    readonly orange: {
+        readonly 50: "#3c251b";
+        readonly 100: "#532c1d";
+        readonly 200: "#6d3620";
+        readonly 300: "#9a3e13";
+        readonly 400: "#c54c03";
+        readonly 500: "#f0620a";
+        readonly 600: "#ff8440";
+        readonly 700: "#ffa970";
+        readonly 800: "#ffc79a";
+        readonly 900: "#ffe2cb";
+    };
+    readonly yellow: {
+        readonly 50: "#362915";
+        readonly 100: "#4a330d";
+        readonly 200: "#614000";
+        readonly 300: "#986600";
+        readonly 400: "#cc8b00";
+        readonly 500: "#f2ae00";
+        readonly 600: "#fcba32";
+        readonly 700: "#fbcd6d";
+        readonly 800: "#f9dfa0";
+        readonly 900: "#fcefd0";
+    };
+    readonly "light-green": {
+        readonly 50: "#23301b";
+        readonly 100: "#2b3f1c";
+        readonly 200: "#36511c";
+        readonly 300: "#456a03";
+        readonly 400: "#5a8300";
+        readonly 500: "#769f00";
+        readonly 600: "#8fb832";
+        readonly 700: "#abcb67";
+        readonly 800: "#c7dd9b";
+        readonly 900: "#e1eecd";
+    };
+    readonly green: {
+        readonly 50: "#1b3122";
+        readonly 100: "#1a4129";
+        readonly 200: "#1a5531";
+        readonly 300: "#1a6e3f";
+        readonly 400: "#118b4d";
+        readonly 500: "#26a95e";
+        readonly 600: "#4fc17c";
+        readonly 700: "#7ed39b";
+        readonly 800: "#abe2bc";
+        readonly 900: "#d4f0dd";
+    };
+    readonly cyan: {
+        readonly 50: "#0e3231";
+        readonly 100: "#004141";
+        readonly 200: "#005353";
+        readonly 300: "#006b6b";
+        readonly 400: "#008585";
+        readonly 500: "#00a3a3";
+        readonly 600: "#3abcbe";
+        readonly 700: "#72cfd0";
+        readonly 800: "#a5e0df";
+        readonly 900: "#d2efee";
+    };
+    readonly "light-blue": {
+        readonly 50: "#182e3e";
+        readonly 100: "#163b55";
+        readonly 200: "#104c71";
+        readonly 300: "#086392";
+        readonly 400: "#007db5";
+        readonly 500: "#009ad7";
+        readonly 600: "#34b4f0";
+        readonly 700: "#6cc9f9";
+        readonly 800: "#a0dcfc";
+        readonly 900: "#d0edfd";
+    };
+    readonly blue: {
+        readonly 50: "#1f2c3f";
+        readonly 100: "#233858";
+        readonly 200: "#294875";
+        readonly 300: "#305b9b";
+        readonly 400: "#3270cb";
+        readonly 500: "#3388ff";
+        readonly 600: "#63a6ff";
+        readonly 700: "#8cbfff";
+        readonly 800: "#b0d6ff";
+        readonly 900: "#d6ebff";
+    };
+    readonly purple: {
+        readonly 50: "#2a283e";
+        readonly 100: "#373256";
+        readonly 200: "#463f73";
+        readonly 300: "#594e97";
+        readonly 400: "#6e5dc4";
+        readonly 500: "#886bfa";
+        readonly 600: "#a08fff";
+        readonly 700: "#b6aeff";
+        readonly 800: "#cecaff";
+        readonly 900: "#e6e5ff";
+    };
+    readonly brown: {
+        readonly 50: "#342921";
+        readonly 100: "#443429";
+        readonly 200: "#594231";
+        readonly 300: "#73533b";
+        readonly 400: "#906646";
+        readonly 500: "#ad7d56";
+        readonly 600: "#c59872";
+        readonly 700: "#d6b392";
+        readonly 800: "#e6ccb7";
+        readonly 900: "#f2e5da";
+    };
+    readonly "cool-gray": {
+        readonly 50: "#161b20";
+        readonly 100: "#22272c";
+        readonly 200: "#31363b";
+        readonly 300: "#43484e";
+        readonly 400: "#5c6167";
+        readonly 500: "#797e83";
+        readonly 600: "#9b9fa3";
+        readonly 700: "#bec1c5";
+        readonly 800: "#dcdee0";
+        readonly 900: "#f4f5f6";
+    };
+    readonly "neutral-gray": {
+        readonly 50: "#1b1b1b";
+        readonly 100: "#262626";
+        readonly 200: "#353535";
+        readonly 300: "#484848";
+        readonly 400: "#606060";
+        readonly 500: "#7d7d7d";
+        readonly 600: "#9e9e9e";
+        readonly 700: "#c1c1c1";
+        readonly 800: "#dedede";
+        readonly 900: "#f5f5f5";
+    };
+};
+export type Colors = typeof colors;
+export type DarkColors = typeof darkColors;
+/** Primitive hue used when mapping. Gamut fitting may lower chroma and must not change this hue. */
+export declare const sourceHue: {
+    readonly pink: {
+        readonly "50": 355;
+        readonly "100": 355.77;
+        readonly "200": 356.45;
+        readonly "300": 356.06;
+        readonly "400": 355.89;
+        readonly "500": 356.2;
+        readonly "600": 356.13;
+        readonly "700": 355.72;
+        readonly "800": 355.9;
+        readonly "900": 356.13;
+    };
+    readonly red: {
+        readonly "50": 25.87;
+        readonly "100": 27.37;
+        readonly "200": 27.41;
+        readonly "300": 26.37;
+        readonly "400": 26.45;
+        readonly "500": 26.7;
+        readonly "600": 26.8;
+        readonly "700": 26.36;
+        readonly "800": 26.95;
+        readonly "900": 26.78;
+    };
+    readonly orange: {
+        readonly "50": 58.79;
+        readonly "100": 59.67;
+        readonly "200": 60.28;
+        readonly "300": 53;
+        readonly "400": 47;
+        readonly "500": 44;
+        readonly "600": 43;
+        readonly "700": 42;
+        readonly "800": 42;
+        readonly "900": 42;
+    };
+    readonly yellow: {
+        readonly "50": 88.77;
+        readonly "100": 88.62;
+        readonly "200": 88.23;
+        readonly "300": 85.99;
+        readonly "400": 84.19;
+        readonly "500": 80.39;
+        readonly "600": 77.97;
+        readonly "700": 75.85;
+        readonly "800": 74.95;
+        readonly "900": 74.6;
+    };
+    readonly "light-green": {
+        readonly "50": 125.19;
+        readonly "100": 124.14;
+        readonly "200": 123.83;
+        readonly "300": 123.96;
+        readonly "400": 125.13;
+        readonly "500": 125.92;
+        readonly "600": 128.32999999999998;
+        readonly "700": 129.74;
+        readonly "800": 131.95;
+        readonly "900": 132.85;
+    };
+    readonly green: {
+        readonly "50": 151.77;
+        readonly "100": 155;
+        readonly "200": 154.23;
+        readonly "300": 153.93;
+        readonly "400": 153.92;
+        readonly "500": 152.61;
+        readonly "600": 153.64;
+        readonly "700": 153.64;
+        readonly "800": 153.58;
+        readonly "900": 153.62;
+    };
+    readonly cyan: {
+        readonly "50": 196.79;
+        readonly "100": 194.8;
+        readonly "200": 195.61;
+        readonly "300": 196.44;
+        readonly "400": 196.25;
+        readonly "500": 194.77;
+        readonly "600": 194.77;
+        readonly "700": 194.77;
+        readonly "800": 194.77;
+        readonly "900": 194.77;
+    };
+    readonly "light-blue": {
+        readonly "50": 227.28;
+        readonly "100": 231.71;
+        readonly "200": 232.11;
+        readonly "300": 233.04;
+        readonly "400": 233.87;
+        readonly "500": 235.61;
+        readonly "600": 238.26;
+        readonly "700": 239.77;
+        readonly "800": 241.15;
+        readonly "900": 242.06;
+    };
+    readonly blue: {
+        readonly "50": 242.96;
+        readonly "100": 248.22;
+        readonly "200": 250.59;
+        readonly "300": 254.2;
+        readonly "400": 256.06;
+        readonly "500": 257.96;
+        readonly "600": 258.14;
+        readonly "700": 258.09;
+        readonly "800": 258;
+        readonly "900": 257.89;
+    };
+    readonly purple: {
+        readonly "50": 280.48;
+        readonly "100": 288.02;
+        readonly "200": 288.53;
+        readonly "300": 288.61;
+        readonly "400": 288.46;
+        readonly "500": 288.47;
+        readonly "600": 287.84;
+        readonly "700": 287.9;
+        readonly "800": 288.28;
+        readonly "900": 288.21;
+    };
+    readonly brown: {
+        readonly "50": 67.68;
+        readonly "100": 61.99;
+        readonly "200": 61.77;
+        readonly "300": 63.95;
+        readonly "400": 62.23;
+        readonly "500": 60.07;
+        readonly "600": 58.93;
+        readonly "700": 57.71;
+        readonly "800": 56.34;
+        readonly "900": 56.1;
+    };
+    readonly "cool-gray": {
+        readonly "50": 246.56;
+        readonly "100": 246.56;
+        readonly "200": 246.56;
+        readonly "300": 246.56;
+        readonly "400": 246.56;
+        readonly "500": 246.56;
+        readonly "600": 246.56;
+        readonly "700": 246.56;
+        readonly "800": 246.56;
+        readonly "900": 246.56;
+    };
+};
+/** Primitive chroma before gamut fitting. Stored colors stay at or below this chroma. */
+export declare const sourceChroma: {
+    readonly pink: {
+        readonly "50": 0.017;
+        readonly "100": 0.036;
+        readonly "200": 0.07;
+        readonly "300": 0.1354;
+        readonly "400": 0.2029;
+        readonly "500": 0.2201;
+        readonly "600": 0.2171;
+        readonly "700": 0.2065;
+        readonly "800": 0.1824;
+        readonly "900": 0.1596;
+    };
+    readonly red: {
+        readonly "50": 0.017;
+        readonly "100": 0.036;
+        readonly "200": 0.07;
+        readonly "300": 0.1332;
+        readonly "400": 0.1992;
+        readonly "500": 0.2197;
+        readonly "600": 0.2182;
+        readonly "700": 0.2071;
+        readonly "800": 0.1841;
+        readonly "900": 0.1664;
+    };
+    readonly orange: {
+        readonly "50": 0.017;
+        readonly "100": 0.036;
+        readonly "200": 0.07;
+        readonly "300": 0.1163;
+        readonly "400": 0.25;
+        readonly "500": 0.25;
+        readonly "600": 0.25;
+        readonly "700": 0.25;
+        readonly "800": 0.25;
+        readonly "900": 0.25;
+    };
+    readonly yellow: {
+        readonly "50": 0.0345;
+        readonly "100": 0.064;
+        readonly "200": 0.0946;
+        readonly "300": 0.1231;
+        readonly "400": 0.1497;
+        readonly "500": 0.1705;
+        readonly "600": 0.165;
+        readonly "700": 0.16;
+        readonly "800": 0.155;
+        readonly "900": 0.15;
+    };
+    readonly "light-green": {
+        readonly "50": 0.017;
+        readonly "100": 0.036;
+        readonly "200": 0.07;
+        readonly "300": 0.145;
+        readonly "400": 0.1802;
+        readonly "500": 0.1828;
+        readonly "600": 0.1648;
+        readonly "700": 0.1441;
+        readonly "800": 0.1336;
+        readonly "900": 0.123;
+    };
+    readonly green: {
+        readonly "50": 0.017;
+        readonly "100": 0.036;
+        readonly "200": 0.07;
+        readonly "300": 0.1215;
+        readonly "400": 0.1452;
+        readonly "500": 0.1558;
+        readonly "600": 0.15;
+        readonly "700": 0.1359;
+        readonly "800": 0.1232;
+        readonly "900": 0.1122;
+    };
+    readonly cyan: {
+        readonly "50": 0.017;
+        readonly "100": 0.036;
+        readonly "200": 0.07;
+        readonly "300": 0.1197;
+        readonly "400": 0.12;
+        readonly "500": 0.1229;
+        readonly "600": 0.1086;
+        readonly "700": 0.0938;
+        readonly "800": 0.0853;
+        readonly "900": 0.0767;
+    };
+    readonly "light-blue": {
+        readonly "50": 0.017;
+        readonly "100": 0.036;
+        readonly "200": 0.07;
+        readonly "300": 0.1206;
+        readonly "400": 0.1509;
+        readonly "500": 0.1499;
+        readonly "600": 0.1396;
+        readonly "700": 0.1267;
+        readonly "800": 0.1179;
+        readonly "900": 0.1081;
+    };
+    readonly blue: {
+        readonly "50": 0.017;
+        readonly "100": 0.036;
+        readonly "200": 0.07;
+        readonly "300": 0.1154;
+        readonly "400": 0.1612;
+        readonly "500": 0.201;
+        readonly "600": 0.1944;
+        readonly "700": 0.1861;
+        readonly "800": 0.1716;
+        readonly "900": 0.1548;
+    };
+    readonly purple: {
+        readonly "50": 0.017;
+        readonly "100": 0.036;
+        readonly "200": 0.07;
+        readonly "300": 0.1204;
+        readonly "400": 0.1735;
+        readonly "500": 0.2039;
+        readonly "600": 0.2031;
+        readonly "700": 0.1794;
+        readonly "800": 0.1509;
+        readonly "900": 0.1223;
+    };
+    readonly brown: {
+        readonly "50": 0.0102;
+        readonly "100": 0.0225;
+        readonly "200": 0.0391;
+        readonly "300": 0.0599;
+        readonly "400": 0.075;
+        readonly "500": 0.0803;
+        readonly "600": 0.0786;
+        readonly "700": 0.0725;
+        readonly "800": 0.0648;
+        readonly "900": 0.0564;
+    };
+    readonly "cool-gray": {
+        readonly "50": 0.003;
+        readonly "100": 0.0056;
+        readonly "200": 0.0088;
+        readonly "300": 0.0119;
+        readonly "400": 0.0138;
+        readonly "500": 0.015;
+        readonly "600": 0.0132;
+        readonly "700": 0.0117;
+        readonly "800": 0.0093;
+        readonly "900": 0.007;
+    };
+    readonly "neutral-gray": {
+        readonly "50": 0;
+        readonly "100": 0;
+        readonly "200": 0;
+        readonly "300": 0;
+        readonly "400": 0;
+        readonly "500": 0;
+        readonly "600": 0;
+        readonly "700": 0;
+        readonly "800": 0;
+        readonly "900": 0;
+    };
+};
+/** Dark-scale hue before gamut fitting. Each step takes the hue of the light step nearest in lightness for yellow, orange, light-green, cyan, light-blue, and blue. */
+export declare const darkSourceHue: {
+    readonly pink: {
+        readonly "50": 355.74;
+        readonly "100": 355.74;
+        readonly "200": 356;
+        readonly "300": 355.64;
+        readonly "400": 356.14;
+        readonly "500": 356.2;
+        readonly "600": 356;
+        readonly "700": 355.97;
+        readonly "800": 356.15;
+        readonly "900": 355.66;
+    };
+    readonly red: {
+        readonly "50": 26.81;
+        readonly "100": 26.81;
+        readonly "200": 27.04;
+        readonly "300": 26.25;
+        readonly "400": 26.77;
+        readonly "500": 26.67;
+        readonly "600": 26.3;
+        readonly "700": 26.23;
+        readonly "800": 27.28;
+        readonly "900": 28.34;
+    };
+    readonly orange: {
+        readonly "50": 41.93;
+        readonly "100": 41.93;
+        readonly "200": 42.27;
+        readonly "300": 41.95;
+        readonly "400": 42.84;
+        readonly "500": 43.89;
+        readonly "600": 46.93;
+        readonly "700": 53.37;
+        readonly "800": 60.34;
+        readonly "900": 59.2;
+    };
+    readonly yellow: {
+        readonly "50": 75.77;
+        readonly "100": 75.77;
+        readonly "200": 75.77;
+        readonly "300": 75.77;
+        readonly "400": 75.77;
+        readonly "500": 80.39;
+        readonly "600": 80.39;
+        readonly "700": 84.19;
+        readonly "800": 88.23;
+        readonly "900": 88.62;
+    };
+    readonly "light-green": {
+        readonly "50": 132.92;
+        readonly "100": 132.92;
+        readonly "200": 131.81;
+        readonly "300": 129.65;
+        readonly "400": 128.2;
+        readonly "500": 126.07;
+        readonly "600": 125.11;
+        readonly "700": 124.09;
+        readonly "800": 123.66;
+        readonly "900": 124.27;
+    };
+    readonly green: {
+        readonly "50": 153.96;
+        readonly "100": 153.96;
+        readonly "200": 153.52;
+        readonly "300": 153.58;
+        readonly "400": 153.67;
+        readonly "500": 152.55;
+        readonly "600": 153.86;
+        readonly "700": 153.99;
+        readonly "800": 154.46;
+        readonly "900": 155.4;
+    };
+    readonly cyan: {
+        readonly "50": 194.77;
+        readonly "100": 194.77;
+        readonly "200": 194.77;
+        readonly "300": 194.77;
+        readonly "400": 194.77;
+        readonly "500": 194.77;
+        readonly "600": 196.22;
+        readonly "700": 196.38;
+        readonly "800": 195.93;
+        readonly "900": 194.42;
+    };
+    readonly "light-blue": {
+        readonly "50": 241.9;
+        readonly "100": 241.9;
+        readonly "200": 241.45;
+        readonly "300": 239.71;
+        readonly "400": 238.45;
+        readonly "500": 235.72;
+        readonly "600": 234.09;
+        readonly "700": 233.04;
+        readonly "800": 231.56;
+        readonly "900": 231.11;
+    };
+    readonly blue: {
+        readonly "50": 257.73;
+        readonly "100": 257.73;
+        readonly "200": 257.9;
+        readonly "300": 258.12;
+        readonly "400": 258.26;
+        readonly "500": 257.96;
+        readonly "600": 256;
+        readonly "700": 254.45;
+        readonly "800": 250.59;
+        readonly "900": 248.22;
+    };
+    readonly purple: {
+        readonly "50": 288.05;
+        readonly "100": 288.05;
+        readonly "200": 287.87;
+        readonly "300": 287.78;
+        readonly "400": 287.76;
+        readonly "500": 288.38;
+        readonly "600": 288.52;
+        readonly "700": 288.24;
+        readonly "800": 288.42;
+        readonly "900": 289.07;
+    };
+    readonly brown: {
+        readonly "50": 57.37;
+        readonly "100": 57.37;
+        readonly "200": 56.26;
+        readonly "300": 58.5;
+        readonly "400": 58.84;
+        readonly "500": 59.63;
+        readonly "600": 61.98;
+        readonly "700": 64.22;
+        readonly "800": 60.93;
+        readonly "900": 63.2;
+    };
+};
+/** Dark-scale chroma before gamut fitting: a share of the family's light peak, highest at 500. */
+export declare const darkSourceChroma: {
+    readonly pink: {
+        readonly "50": 0.04;
+        readonly "100": 0.062;
+        readonly "200": 0.085;
+        readonly "300": 0.154;
+        readonly "400": 0.1937;
+        readonly "500": 0.2201;
+        readonly "600": 0.2047;
+        readonly "700": 0.1628;
+        readonly "800": 0.11;
+        readonly "900": 0.055;
+    };
+    readonly red: {
+        readonly "50": 0.04;
+        readonly "100": 0.062;
+        readonly "200": 0.085;
+        readonly "300": 0.1537;
+        readonly "400": 0.1932;
+        readonly "500": 0.2196;
+        readonly "600": 0.2042;
+        readonly "700": 0.1625;
+        readonly "800": 0.1098;
+        readonly "900": 0.0549;
+    };
+    readonly orange: {
+        readonly "50": 0.04;
+        readonly "100": 0.062;
+        readonly "200": 0.085;
+        readonly "300": 0.1342;
+        readonly "400": 0.1687;
+        readonly "500": 0.1917;
+        readonly "600": 0.1783;
+        readonly "700": 0.1419;
+        readonly "800": 0.0959;
+        readonly "900": 0.0479;
+    };
+    readonly yellow: {
+        readonly "50": 0.0375;
+        readonly "100": 0.0614;
+        readonly "200": 0.0887;
+        readonly "300": 0.1194;
+        readonly "400": 0.1501;
+        readonly "500": 0.1705;
+        readonly "600": 0.1586;
+        readonly "700": 0.1262;
+        readonly "800": 0.0853;
+        readonly "900": 0.0426;
+    };
+    readonly "light-green": {
+        readonly "50": 0.04;
+        readonly "100": 0.062;
+        readonly "200": 0.085;
+        readonly "300": 0.1263;
+        readonly "400": 0.1588;
+        readonly "500": 0.1804;
+        readonly "600": 0.1678;
+        readonly "700": 0.1335;
+        readonly "800": 0.0902;
+        readonly "900": 0.0451;
+    };
+    readonly green: {
+        readonly "50": 0.04;
+        readonly "100": 0.062;
+        readonly "200": 0.085;
+        readonly "300": 0.1092;
+        readonly "400": 0.1373;
+        readonly "500": 0.156;
+        readonly "600": 0.1451;
+        readonly "700": 0.1155;
+        readonly "800": 0.078;
+        readonly "900": 0.039;
+    };
+    readonly cyan: {
+        readonly "50": 0.04;
+        readonly "100": 0.062;
+        readonly "200": 0.085;
+        readonly "300": 0.0839;
+        readonly "400": 0.1055;
+        readonly "500": 0.1199;
+        readonly "600": 0.1115;
+        readonly "700": 0.0887;
+        readonly "800": 0.0599;
+        readonly "900": 0.03;
+    };
+    readonly "light-blue": {
+        readonly "50": 0.04;
+        readonly "100": 0.062;
+        readonly "200": 0.085;
+        readonly "300": 0.1059;
+        readonly "400": 0.1331;
+        readonly "500": 0.1513;
+        readonly "600": 0.1407;
+        readonly "700": 0.112;
+        readonly "800": 0.0756;
+        readonly "900": 0.0378;
+    };
+    readonly blue: {
+        readonly "50": 0.04;
+        readonly "100": 0.062;
+        readonly "200": 0.085;
+        readonly "300": 0.115;
+        readonly "400": 0.155;
+        readonly "500": 0.201;
+        readonly "600": 0.187;
+        readonly "700": 0.1488;
+        readonly "800": 0.1005;
+        readonly "900": 0.0503;
+    };
+    readonly purple: {
+        readonly "50": 0.04;
+        readonly "100": 0.062;
+        readonly "200": 0.085;
+        readonly "300": 0.115;
+        readonly "400": 0.155;
+        readonly "500": 0.2034;
+        readonly "600": 0.1891;
+        readonly "700": 0.1505;
+        readonly "800": 0.1017;
+        readonly "900": 0.0508;
+    };
+    readonly brown: {
+        readonly "50": 0.022;
+        readonly "100": 0.0291;
+        readonly "200": 0.042;
+        readonly "300": 0.0565;
+        readonly "400": 0.071;
+        readonly "500": 0.0807;
+        readonly "600": 0.0751;
+        readonly "700": 0.0597;
+        readonly "800": 0.0404;
+        readonly "900": 0.0202;
+    };
+};
+//# sourceMappingURL=palette.d.ts.map