Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import Color from 'color';
export function generatePalette(primaryColor: string) {
const baseColor = Color(primaryColor);
return {
50: baseColor.lighten(0.6).hex(),
100: baseColor.lighten(0.5).hex(),
200: baseColor.lighten(0.3).hex(),
300: baseColor.lighten(0.2).hex(),
400: baseColor.hex(),
500: baseColor.darken(0.1).hex(),
600: baseColor.darken(0.2).hex(),
700: baseColor.darken(0.4).hex(),
800: baseColor.darken(0.6).hex(),
900: baseColor.darken(0.8).hex(),
} as const;
}
|