$colors: (
    'blue': (
        100: hsb(207.5, 9.68%, 97.25%),
        200: hsb(209.39, 20.42%, 94.12%),
        300: hsb(211.23, 31.88%, 89.8%),
        400: hsb(220.22, 46.91%, 76.08%),
        500: hsb(221.94, 58.19%, 69.41%),
        600: hsb(223.49, 65.27%, 65.49%),
        700: hsb(223.01, 77.4%, 57.25%),
        800: hsb(229.52, 64.29%, 38.43%),
        900: hsb(219.18, 66.22%, 29.02%),
    ),
    'teal': (
        100: hsb(148.57, 8.5%, 96.86%),
        200: hsb(156.59, 17.67%, 90.98%),
        300: hsb(160.87, 30.4%, 89.02%),
        400: hsb(163.4, 44.98%, 81.96%),
        500: hsb(165, 67.04%, 70.2%),
        600: hsb(165.8, 83.97%, 61.18%),
        700: hsb(169.66, 100%, 50.98%),
        800: hsb(175.26, 100%, 30.2%),
        900: hsb(173.08, 100%, 23.14%),
    ),
    // These colors are taken from Tailwind CSS (https://tailwindcss.com/docs/customizing-colors#default-color-palette):
    'gray':
        (
            100: hsb(204, 2.03%, 98.8%),
            200: hsb(210, 4.05%, 96.86%),
            300: hsb(214, 5.81%, 94.13%),
            400: hsb(211, 9.39%, 87.82%),
            500: hsb(214, 16.72%, 75.29%),
            600: hsb(216, 24.67%, 58.86%),
            700: hsb(218, 28.91%, 40.8%),
            800: hsb(218, 37.53%, 28.19%),
            900: hsb(220, 40.89%, 17.22%),
        ),
    'red': (
        100: hsb(0, 4%, 100%),
        200: hsb(0, 15.28%, 99.61%),
        300: hsb(0, 29.92%, 99.6%),
        400: hsb(0, 48.8%, 98.81%),
        500: hsb(0, 58.86%, 96.07%),
        600: hsb(0, 72.87%, 89.83%),
        700: hsb(0, 75.62%, 77.18%),
        800: hsb(0, 71.63%, 60.76%),
        900: hsb(0, 63.76%, 45.51%),
    ),
    'orange': (
        100: hsb(40, 5.8%, 100%),
        200: hsb(39, 21.29%, 99.6%),
        300: hsb(38, 43.75%, 98.43%),
        400: hsb(33, 65.43%, 96.45%),
        500: hsb(27, 77.16%, 92.96%),
        600: hsb(24, 85.52%, 86.65%),
        700: hsb(20, 82.84%, 75.28%),
        800: hsb(16, 78.86%, 61.25%),
        900: hsb(14, 75.62%, 48.24%),
    ),
    'yellow': (
        100: hsb(60, 5.8%, 100%),
        200: hsb(58, 24.71%, 99.61%),
        300: hsb(55, 45.18%, 98.05%),
        400: hsb(51, 61.72%, 96.47%),
        500: hsb(47, 68.18%, 92.55%),
        600: hsb(40, 78.47%, 83.93%),
        700: hsb(36, 83.04%, 71.82%),
        800: hsb(32, 85.45%, 59.19%),
        900: hsb(30, 86.23%, 45.53%),
    ),
    'green': (
        100: hsb(136, 5.8%, 100%),
        200: hsb(139, 19.44%, 96.48%),
        300: hsb(141, 33.03%, 90.19%),
        400: hsb(143, 50.67%, 82.77%),
        500: hsb(145, 61.46%, 73.33%),
        600: hsb(148, 65.23%, 63.07%),
        700: hsb(150, 64.68%, 52.17%),
        800: hsb(152, 62.16%, 40.34%),
        900: hsb(152, 59.55%, 32.89%),
    ),
    'pink': (
        100: hsb(348, 4%, 100%),
        200: hsb(343, 15.28%, 99.61%),
        300: hsb(339, 27.49%, 98.43%),
        400: hsb(336, 45.11%, 96.46%),
        500: hsb(331, 57.77%, 92.95%),
        600: hsb(329, 70.45%, 83.52%),
        700: hsb(325, 72.85%, 72.2%),
        800: hsb(322, 74.84%, 59.29%),
        900: hsb(318, 67.9%, 43.92%),
    ),
);
