@buildcanada/charts 0.1.0

package/src/grapher/color/CustomSchemes.ts

@@ -0,0 +1,1772 @@
+import * as _ from "lodash-es"
+import { lazy } from "../../utils/index.js"
+import { ColorSchemeInterface, ColorSchemeName } from "../../types/index.js"
+import * as R from "remeda"
+
+// TODO: Initialize CustomColorSchemes lazily
+export const CustomColorSchemes: ColorSchemeInterface[] = []
+
+// Create some of our own!
+
+export const OwidDistinctColors = {
+    Purple: "#6d3e91",
+    DarkOrange: "#c05917",
+    LightTeal: "#58ac8c",
+    Blue: "#286bbb",
+    Maroon: "#883039",
+    Camel: "#bc8e5a",
+    MidnightBlue: "#00295b",
+    DustyCoral: "#c15065",
+    DarkOliveGreen: "#18470f",
+    DarkCopper: "#9a5129",
+    Peach: "#e56e5a",
+    Mauve: "#a2559c",
+    Turquoise: "#38aaba",
+    OliveGreen: "#578145",
+    Cherry: "#970046",
+    Teal: "#00847e",
+    RustyOrange: "#b13507",
+    Denim: "#4c6a9c",
+    Fuchsia: "#cf0a66",
+    TealishGreen: "#00875e",
+    Copper: "#b16214",
+    DarkMauve: "#8c4569",
+    Lime: "#3b8e1d",
+    Coral: "#d73c50",
+} as const
+
+const OwidDistinctColorsNames = lazy(() => R.invert(OwidDistinctColors))
+
+// These are variations of some of the colors above where the original color would have too little
+// contrast against a white background for thin lines or text elements
+export const DarkerOwidDistinctColors: Record<string, string> = {
+    DarkOrangeDarker: "#be5915",
+    PeachDarker: "#c4523e",
+    LightTealDarker: "#2c8465",
+    TurquoiseDarker: "#008291",
+    CamelDarker: "#996d39",
+    LimeDarker: "#338711",
+}
+
+const darkerColorReplacementsHexToReplacementColorName = {
+    [OwidDistinctColors.DarkOrange]: DarkerOwidDistinctColors.DarkOrangeDarker,
+    [OwidDistinctColors.Peach]: DarkerOwidDistinctColors.PeachDarker,
+    [OwidDistinctColors.LightTeal]: DarkerOwidDistinctColors.LightTealDarker,
+    [OwidDistinctColors.Turquoise]: DarkerOwidDistinctColors.TurquoiseDarker,
+    [OwidDistinctColors.Camel]: DarkerOwidDistinctColors.CamelDarker,
+    [OwidDistinctColors.Lime]: DarkerOwidDistinctColors.LimeDarker,
+} as Record<string, string>
+
+// TODO: Make this into a lazy initialization
+export const OwidDistinctLinesColors = {
+    ..._.omit(OwidDistinctColors, Object.keys(DarkerOwidDistinctColors)),
+    ...DarkerOwidDistinctColors,
+}
+
+// Used for looking up names from color hex values
+const OwidDistinctLinesColorNames = lazy(() =>
+    R.invert(OwidDistinctLinesColors)
+)
+
+// Below are 5 variations of the same colors in different permutations
+export const CategoricalColorsPaletteA = [
+    OwidDistinctColors.Denim,
+    OwidDistinctColors.Maroon,
+    OwidDistinctColors.OliveGreen,
+    OwidDistinctColors.RustyOrange,
+    OwidDistinctColors.Copper,
+    OwidDistinctColors.Cherry,
+    OwidDistinctColors.Coral,
+    OwidDistinctColors.MidnightBlue,
+    OwidDistinctColors.Teal,
+    OwidDistinctColors.Camel,
+    OwidDistinctColors.Mauve,
+    OwidDistinctColors.DarkOliveGreen,
+]
+
+export const CategoricalColorsPaletteB = [
+    OwidDistinctColors.Teal,
+    OwidDistinctColors.MidnightBlue,
+    OwidDistinctColors.DustyCoral,
+    OwidDistinctColors.Turquoise,
+    OwidDistinctColors.DarkMauve,
+    OwidDistinctColors.DarkOliveGreen,
+    OwidDistinctColors.RustyOrange,
+    OwidDistinctColors.Camel,
+    OwidDistinctColors.Blue,
+    OwidDistinctColors.Cherry,
+    OwidDistinctColors.LightTeal,
+    OwidDistinctColors.DarkCopper,
+    OwidDistinctColors.Peach,
+]
+
+export const CategoricalColorsPaletteC = [
+    OwidDistinctColors.Purple,
+    OwidDistinctColors.DarkOrange,
+    OwidDistinctColors.LightTeal,
+    OwidDistinctColors.Blue,
+    OwidDistinctColors.Maroon,
+    OwidDistinctColors.Camel,
+    OwidDistinctColors.MidnightBlue,
+    OwidDistinctColors.DustyCoral,
+    OwidDistinctColors.DarkOliveGreen,
+    OwidDistinctColors.DarkCopper,
+    OwidDistinctColors.Peach,
+    OwidDistinctColors.Mauve,
+    OwidDistinctColors.Turquoise,
+    OwidDistinctColors.OliveGreen,
+    OwidDistinctColors.Cherry,
+    OwidDistinctColors.Teal,
+    OwidDistinctColors.RustyOrange,
+    OwidDistinctColors.Denim,
+    OwidDistinctColors.Fuchsia,
+    OwidDistinctColors.TealishGreen,
+    OwidDistinctColors.Copper,
+    OwidDistinctColors.DarkMauve,
+    OwidDistinctColors.Lime,
+    OwidDistinctColors.Coral,
+]
+
+export const CategoricalColorsPaletteD = [
+    OwidDistinctColors.DustyCoral,
+    OwidDistinctColors.DarkOliveGreen,
+    OwidDistinctColors.Camel,
+    OwidDistinctColors.DarkMauve,
+    OwidDistinctColors.Turquoise,
+    OwidDistinctColors.TealishGreen,
+    OwidDistinctColors.Peach,
+    OwidDistinctColors.DarkCopper,
+    OwidDistinctColors.Fuchsia,
+    OwidDistinctColors.MidnightBlue,
+]
+
+export const CategoricalColorsPaletteE = [
+    OwidDistinctColors.DarkCopper,
+    OwidDistinctColors.Peach,
+    OwidDistinctColors.Blue,
+    OwidDistinctColors.DarkOliveGreen,
+    OwidDistinctColors.Purple,
+    OwidDistinctColors.Teal,
+    OwidDistinctColors.Maroon,
+    OwidDistinctColors.Coral,
+    OwidDistinctColors.OliveGreen,
+    OwidDistinctColors.Camel,
+    OwidDistinctColors.DarkMauve,
+]
+export const OwidDistinctColorScheme = {
+    name: ColorSchemeName["owid-distinct"],
+    displayName: "OWID Distinct",
+    singleColorScale: false,
+    isDistinct: true,
+    // We use the feature of ColorSchemes to use the Palette A permutation
+    // for 12 categories or less and the Palette C to reach up to 24 different
+    // colors
+    colorSets: [CategoricalColorsPaletteA, CategoricalColorsPaletteC],
+}
+CustomColorSchemes.push(OwidDistinctColorScheme)
+
+const OwidDistinctLinesPalette = [
+    OwidDistinctColors.Denim,
+    OwidDistinctColors.RustyOrange,
+    DarkerOwidDistinctColors.CamelDarker,
+    DarkerOwidDistinctColors.LightTealDarker,
+    OwidDistinctColors.Purple,
+    OwidDistinctColors.Maroon,
+    OwidDistinctColors.MidnightBlue,
+    OwidDistinctColors.Mauve,
+    OwidDistinctColors.DarkCopper,
+    DarkerOwidDistinctColors.TurquoiseDarker,
+    OwidDistinctColors.Cherry,
+    DarkerOwidDistinctColors.LimeDarker,
+    DarkerOwidDistinctColors.PeachDarker,
+    OwidDistinctColors.Blue,
+    OwidDistinctColors.DarkOliveGreen,
+    OwidDistinctColors.Coral,
+    OwidDistinctColors.Copper,
+    OwidDistinctColors.Teal,
+    OwidDistinctColors.Fuchsia,
+    OwidDistinctColors.OliveGreen,
+    DarkerOwidDistinctColors.DarkOrangeDarker,
+    OwidDistinctColors.DarkMauve,
+    OwidDistinctColors.TealishGreen,
+    OwidDistinctColors.DustyCoral,
+]
+
+export const OwidDistinctLinesColorScheme = {
+    name: ColorSchemeName["OwidDistinctLines"],
+    displayName: "OWID Distinct (lines)",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [OwidDistinctLinesPalette],
+}
+CustomColorSchemes.push(OwidDistinctLinesColorScheme)
+
+export const OwidCategoricalAScheme = {
+    name: ColorSchemeName["OwidCategoricalA"],
+    displayName: "OWID categorical A",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [CategoricalColorsPaletteA],
+}
+CustomColorSchemes.push(OwidCategoricalAScheme)
+
+export const OwidCategoricalBScheme = {
+    name: ColorSchemeName["OwidCategoricalB"],
+    displayName: "OWID categorical B",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [CategoricalColorsPaletteB],
+}
+CustomColorSchemes.push(OwidCategoricalBScheme)
+
+export const OwidCategoricalCScheme = {
+    name: ColorSchemeName["OwidCategoricalC"],
+    displayName: "OWID categorical C",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [CategoricalColorsPaletteC],
+}
+CustomColorSchemes.push(OwidCategoricalCScheme)
+
+export const OwidCategoricalDScheme = {
+    name: ColorSchemeName["OwidCategoricalD"],
+    displayName: "OWID categorical D",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [CategoricalColorsPaletteD],
+}
+CustomColorSchemes.push(OwidCategoricalDScheme)
+
+export const OwidCategoricalEScheme = {
+    name: ColorSchemeName["OwidCategoricalE"],
+    displayName: "OWID categorical E",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [CategoricalColorsPaletteE],
+}
+CustomColorSchemes.push(OwidCategoricalEScheme)
+
+export const EnergyColors = {
+    Coal: OwidDistinctColors.Maroon,
+    Oil: OwidDistinctColors.DustyCoral,
+    Gas: OwidDistinctColors.Purple,
+    Biomass: OwidDistinctColors.DarkCopper,
+    Hydropower: OwidDistinctColors.Blue,
+    Nuclear: OwidDistinctColors.Teal,
+    Wind: OwidDistinctColors.MidnightBlue,
+    Solar: OwidDistinctColors.Peach,
+    OtherRenewables: OwidDistinctColors.OliveGreen,
+}
+
+// Used for looking up color names from hex values
+const EnergyColorsNames = lazy(() => R.invert(EnergyColors))
+
+const EnergyColorPalette = [
+    EnergyColors.Coal,
+    EnergyColors.Oil,
+    EnergyColors.Gas,
+    EnergyColors.Biomass,
+    EnergyColors.Hydropower,
+    EnergyColors.Nuclear,
+    EnergyColors.Wind,
+    EnergyColors.Solar,
+    EnergyColors.OtherRenewables,
+]
+
+export const OwidEnergy = {
+    name: ColorSchemeName["OwidEnergy"],
+    displayName: "OWID Energy",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [EnergyColorPalette],
+    colorMap: EnergyColors,
+}
+CustomColorSchemes.push(OwidEnergy)
+
+function getModifiedLinesNames(
+    colorNames: Record<string, string>
+): Record<string, string> {
+    return Object.fromEntries(
+        Object.entries(colorNames).map(([k, v]) => [
+            k in darkerColorReplacementsHexToReplacementColorName
+                ? darkerColorReplacementsHexToReplacementColorName[k]
+                : k,
+            v,
+        ])
+    )
+}
+
+const EnergyColorsLinesNames = lazy(() =>
+    getModifiedLinesNames(EnergyColorsNames())
+)
+
+export const OwidEnergyLines = getModifiedLinesColorScheme(OwidEnergy)
+CustomColorSchemes.push(OwidEnergyLines)
+
+CustomColorSchemes.push({
+    name: ColorSchemeName.stackedAreaDefault,
+    displayName: "OWID 4 Color Gradient (=Owid Distinct)",
+    singleColorScale: false,
+    isDistinct: true,
+    // TODO: this is now a copy of owid-distinct. After a data migration to get
+    // rid of stackedAreaDefault in existing chart configs we should replace it with
+    // owid-distinct
+    // We use the feature of ColorSchemes to use the Palette A permutation
+    // for 12 categories or less and the Palette C to reach up to 24 different
+    // colors
+    colorSets: [CategoricalColorsPaletteA, CategoricalColorsPaletteC],
+})
+
+export const ContinentColors = {
+    Africa: OwidDistinctColors.Mauve,
+    Antarctica: OwidDistinctColors.DarkCopper,
+    Asia: OwidDistinctColors.Teal,
+    Europe: OwidDistinctColors.Denim,
+    NorthAmerica: OwidDistinctColors.Peach,
+    ["North America"]: OwidDistinctColors.Peach,
+    SouthAmerica: OwidDistinctColors.Maroon,
+    ["South America"]: OwidDistinctColors.Maroon,
+    Oceania: OwidDistinctColors.Turquoise,
+    World: OwidDistinctColors.DarkOliveGreen,
+    SubSaharanAfrica: OwidDistinctColors.DarkMauve,
+    MiddleEastNorthAfrica: OwidDistinctColors.Purple,
+    CentralAsia: OwidDistinctColors.LightTeal,
+    EastAsia: OwidDistinctColors.TealishGreen,
+    SoutheastAsia: OwidDistinctColors.Lime,
+    SouthAsia: OwidDistinctColors.OliveGreen,
+    CentralAmericaAndCarribean: OwidDistinctColors.DustyCoral,
+    EasternEurope: OwidDistinctColors.Blue,
+    WesternEurope: OwidDistinctColors.MidnightBlue,
+    AustralasiaAndOceania: OwidDistinctColors.Copper,
+
+    // World Bank regions
+    "East Asia and Pacific (WB)": OwidDistinctColors.Copper,
+    "Europe and Central Asia (WB)": OwidDistinctColors.Denim,
+    "Middle East, North Africa, Afghanistan and Pakistan (WB)":
+        OwidDistinctColors.Camel,
+    "North America (WB)": OwidDistinctColors.Peach,
+    "South Asia (WB)": OwidDistinctColors.OliveGreen,
+    "Sub-Saharan Africa (WB)": OwidDistinctColors.DarkMauve,
+    "Latin America and Caribbean (WB)": OwidDistinctColors.Maroon,
+
+    // UN regions
+    "Asia (UN)": OwidDistinctColors.Teal,
+    "Africa (UN)": OwidDistinctColors.Mauve,
+    "Europe (UN)": OwidDistinctColors.Denim,
+    "Oceania (UN)": OwidDistinctColors.Turquoise,
+    "Northern America (UN)": OwidDistinctColors.Peach,
+    "Latin America and the Caribbean (UN)": OwidDistinctColors.Maroon,
+
+    // WHO regions
+    "Africa (WHO)": OwidDistinctColors.Mauve,
+    "Europe (WHO)": OwidDistinctColors.Denim,
+    "Americas (WHO)": OwidDistinctColors.Peach,
+    "South-East Asia (WHO)": OwidDistinctColors.Lime,
+    "Western Pacific (WHO)": OwidDistinctColors.Turquoise,
+    "Eastern Mediterranean (WHO)": OwidDistinctColors.Camel,
+
+    // Maddison regions
+    "Australia and New Zealand": OwidDistinctColors.Teal,
+    "Central and Southern Asia": OwidDistinctColors.OliveGreen,
+    "Europe and Northern America": OwidDistinctColors.Denim,
+    "Eastern and South-Eastern Asia": OwidDistinctColors.Copper,
+    "Northern Africa and Western Asia": OwidDistinctColors.Camel,
+    "East Asia": OwidDistinctColors.Copper,
+    "Latin America": OwidDistinctColors.Maroon,
+    "Eastern Europe": OwidDistinctColors.MidnightBlue,
+    "Western Europe": OwidDistinctColors.Denim,
+    "Western Offshoots": OwidDistinctColors.Peach,
+    "Sub Saharan Africa": OwidDistinctColors.DarkMauve,
+    "South and South East Asia": OwidDistinctColors.OliveGreen,
+    "Middle East and North Africa": OwidDistinctColors.Camel,
+
+    // Pew Research Center regions
+    "Europe (Pew)": OwidDistinctColors.Denim,
+    "Asia-Pacific (Pew)": OwidDistinctColors.Teal,
+    "North America (Pew)": OwidDistinctColors.Peach,
+    "Sub-Saharan Africa (Pew)": OwidDistinctColors.DarkMauve,
+    "Latin America-Caribbean (Pew)": OwidDistinctColors.Maroon,
+    "Middle East-North Africa (Pew)": OwidDistinctColors.Camel,
+} as const
+
+// Used for looking up color names from hex values
+const ContinentColorsNames = lazy(() => R.invert(ContinentColors))
+
+const ContinentColorPalette = [
+    ContinentColors.Africa,
+    ContinentColors.Asia,
+    ContinentColors.Europe,
+    ContinentColors.NorthAmerica,
+    ContinentColors.Oceania,
+    ContinentColors.SouthAmerica,
+    ContinentColors.World,
+    ContinentColors.SubSaharanAfrica,
+    ContinentColors.MiddleEastNorthAfrica,
+    ContinentColors.CentralAsia,
+    ContinentColors.EastAsia,
+    ContinentColors.SoutheastAsia,
+    ContinentColors.SouthAsia,
+    ContinentColors.CentralAmericaAndCarribean,
+    ContinentColors.EasternEurope,
+    ContinentColors.WesternEurope,
+    ContinentColors.AustralasiaAndOceania,
+    ContinentColors.Antarctica,
+]
+
+export const ContinentColorsColorScheme = {
+    name: ColorSchemeName.continents,
+    displayName: "Continents",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [ContinentColorPalette],
+    colorMap: ContinentColors,
+}
+
+CustomColorSchemes.push(ContinentColorsColorScheme)
+
+function getModifiedLinesColorScheme(
+    colorScheme: ColorSchemeInterface
+): ColorSchemeInterface {
+    const colors = colorScheme.colorSets[0]
+    const modifiedColors = colors.map((color) =>
+        color in darkerColorReplacementsHexToReplacementColorName
+            ? darkerColorReplacementsHexToReplacementColorName[color]
+            : color
+    )
+
+    // If the scheme has a colorMap, we need to create a modified version with darker colors
+    const modifiedColorMap = colorScheme.colorMap
+        ? _.mapValues(colorScheme.colorMap, (color) =>
+              color in darkerColorReplacementsHexToReplacementColorName
+                  ? darkerColorReplacementsHexToReplacementColorName[color]
+                  : color
+          )
+        : undefined
+
+    return {
+        ...colorScheme,
+        colorSets: [modifiedColors],
+        colorMap: modifiedColorMap,
+        name: colorScheme.name + "Lines",
+        displayName: (colorScheme.displayName ?? "") + " (Lines)",
+    }
+}
+
+const ContinentColorsLinesNames = lazy(() =>
+    getModifiedLinesNames(ContinentColorsNames())
+)
+
+export const ContinentColorsLinesColorScheme = getModifiedLinesColorScheme(
+    ContinentColorsColorScheme
+)
+
+CustomColorSchemes.push(ContinentColorsLinesColorScheme)
+
+export const SingleColorDenim = {
+    name: ColorSchemeName.SingleColorDenim,
+    displayName: "Single color: Denim",
+    singleColorScale: true,
+    isDistinct: true,
+    colorSets: [[OwidDistinctColors.Denim]],
+}
+
+CustomColorSchemes.push(SingleColorDenim)
+
+export const SingleColorTeal = {
+    name: ColorSchemeName.SingleColorTeal,
+    displayName: "Single color: Teal",
+    singleColorScale: true,
+    isDistinct: true,
+    colorSets: [[OwidDistinctColors.Teal]],
+}
+
+CustomColorSchemes.push(SingleColorTeal)
+
+export const SingleColorPurple = {
+    name: ColorSchemeName.SingleColorPurple,
+    displayName: "Single color: Purple",
+    singleColorScale: true,
+    isDistinct: true,
+    colorSets: [[OwidDistinctColors.Purple]],
+}
+
+CustomColorSchemes.push(SingleColorPurple)
+
+export const SingleColorDustyCoral = {
+    name: ColorSchemeName.SingleColorDustyCoral,
+    displayName: "Single color: Dusty coral",
+    singleColorScale: true,
+    isDistinct: true,
+    colorSets: [[OwidDistinctColors.DustyCoral]],
+}
+
+CustomColorSchemes.push(SingleColorDustyCoral)
+
+export const SingleColorDarkCopper = {
+    name: ColorSchemeName.SingleColorDarkCopper,
+    displayName: "Single color: Dark copper",
+    singleColorScale: true,
+    isDistinct: true,
+    colorSets: [[OwidDistinctColors.DarkCopper]],
+}
+
+CustomColorSchemes.push(SingleColorDarkCopper)
+
+export const SingleColorGradientDenim = {
+    name: ColorSchemeName.SingleColorGradientDenim,
+    displayName: "Single color gradient: Denim",
+    singleColorScale: true,
+    isDistinct: false,
+    colorSets: [
+        [
+            "#00173e",
+            "#152a55",
+            "#273f6c",
+            "#3a5484",
+            "#4e6b9e",
+            "#6683b5",
+            "#7f9bcd",
+            "#98b3e6",
+            "#b2ccff",
+        ],
+    ],
+}
+CustomColorSchemes.push(SingleColorGradientDenim)
+export const SingleColorGradientTeal = {
+    name: ColorSchemeName.SingleColorGradientTeal,
+    displayName: "Single color gradient: Teal",
+    singleColorScale: true,
+    isDistinct: false,
+    colorSets: [
+        [
+            "#002926",
+            "#003f3b",
+            "#005551",
+            "#006e68",
+            "#088780",
+            "#339f98",
+            "#51b7b0",
+            "#6cd1c9",
+            "#86ebe3",
+        ],
+    ],
+}
+CustomColorSchemes.push(SingleColorGradientTeal)
+
+export const SingleColorGradientPurple = {
+    name: ColorSchemeName.SingleColorGradientPurple,
+    displayName: "Single color gradient: Purple",
+    singleColorScale: true,
+    isDistinct: false,
+    colorSets: [
+        [
+            "#3d1161",
+            "#542777",
+            "#6b3d8f",
+            "#8354a2",
+            "#9c6bb4",
+            "#b484c6",
+            "#cd9dd9",
+            "#e5b7ec",
+            "#ffd1ff",
+        ],
+    ],
+}
+CustomColorSchemes.push(SingleColorGradientPurple)
+
+export const SingleColorGradientDustyCoral = {
+    name: ColorSchemeName.SingleColorGradientDustyCoral,
+    displayName: "Single color gradient: DustyCoral",
+    singleColorScale: true,
+    isDistinct: false,
+    colorSets: [
+        [
+            "#580014",
+            "#711626",
+            "#8b293a",
+            "#a53c4e",
+            "#bf4e63",
+            "#d1697b",
+            "#e18495",
+            "#f09dae",
+            "#ffb8c9",
+        ],
+    ],
+}
+CustomColorSchemes.push(SingleColorGradientDustyCoral)
+export const SingleColorGradientDarkCopper = {
+    name: ColorSchemeName.SingleColorGradientDarkCopper,
+    displayName: "Single color gradient: DarkCopper",
+    singleColorScale: true,
+    isDistinct: false,
+    colorSets: [
+        [
+            "#390000",
+            "#501510",
+            "#692919",
+            "#823d21",
+            "#9c532a",
+            "#b46a40",
+            "#cd8257",
+            "#e69a6e",
+            "#ffb285",
+        ],
+    ],
+}
+CustomColorSchemes.push(SingleColorGradientDarkCopper)
+
+export const BinaryMapPaletteA = {
+    name: ColorSchemeName.BinaryMapPaletteA,
+    displayName: "Binary map palette A",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [["#dfc27d", "#80cdc1"]],
+}
+
+CustomColorSchemes.push(BinaryMapPaletteA)
+
+export const BinaryMapPaletteB = {
+    name: ColorSchemeName.BinaryMapPaletteB,
+    displayName: "Binary map palette B",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [["#f1b6da", "#b8e186"]],
+}
+
+CustomColorSchemes.push(BinaryMapPaletteB)
+
+export const BinaryMapPaletteC = {
+    name: ColorSchemeName.BinaryMapPaletteC,
+    displayName: "Binary map palette C",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [["#c2a5cf", "#a6dba0"]],
+}
+
+CustomColorSchemes.push(BinaryMapPaletteC)
+
+export const BinaryMapPaletteD = {
+    name: ColorSchemeName.BinaryMapPaletteD,
+    displayName: "Binary map palette D",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [["#fdb863", "#b2abd2"]],
+}
+
+CustomColorSchemes.push(BinaryMapPaletteD)
+
+export const BinaryMapPaletteE = {
+    name: ColorSchemeName.BinaryMapPaletteE,
+    displayName: "Binary map palette E",
+    singleColorScale: false,
+    isDistinct: true,
+    colorSets: [["#f4a582", "#92c5de"]],
+}
+
+CustomColorSchemes.push(BinaryMapPaletteE)
+
+export const DefaultColorScheme = OwidDistinctColorScheme
+
+export function getColorNameAndSemanticPalettes(
+    color: string,
+    baseColorSchemeNames: Record<string, string>,
+    continentsColorSchemeNames: Record<string, string>,
+    energyColorSchemeNames: Record<string, string>
+): string[] {
+    const colorNameStandardized = color.toUpperCase()
+    const owidDistinct =
+        colorNameStandardized in baseColorSchemeNames
+            ? `🎨 ${baseColorSchemeNames[colorNameStandardized]}`
+            : ""
+    const continents =
+        colorNameStandardized in continentsColorSchemeNames
+            ? `🌍 ${continentsColorSchemeNames[colorNameStandardized]}`
+            : ""
+    const energy =
+        colorNameStandardized in energyColorSchemeNames
+            ? `⚡ ${energyColorSchemeNames[colorNameStandardized]}`
+            : ""
+    const lines = [owidDistinct, continents, energy].filter((x) => x !== "")
+
+    return lines
+}
+
+export function getColorNameOwidDistinctAndSemanticPalettes(
+    color: string
+): string[] {
+    return getColorNameAndSemanticPalettes(
+        color,
+        OwidDistinctColorsNames(),
+        ContinentColorsNames(),
+        EnergyColorsNames()
+    )
+}
+
+export function getColorNameOwidDistinctLinesAndSemanticPalettes(
+    color: string
+): string[] {
+    return getColorNameAndSemanticPalettes(
+        color,
+        OwidDistinctLinesColorNames(),
+        ContinentColorsLinesNames(),
+        EnergyColorsLinesNames()
+    )
+}
+
+// Perceptual color scales from https://github.com/politiken-journalism/scale-color-perceptual
+CustomColorSchemes.push({
+    name: ColorSchemeName.Viridis,
+    singleColorScale: false,
+    colorSets: [
+        [
+            "#440154",
+            "#440256",
+            "#450457",
+            "#450559",
+            "#46075a",
+            "#46085c",
+            "#460a5d",
+            "#460b5e",
+            "#470d60",
+            "#470e61",
+            "#471063",
+            "#471164",
+            "#471365",
+            "#481467",
+            "#481668",
+            "#481769",
+            "#48186a",
+            "#481a6c",
+            "#481b6d",
+            "#481c6e",
+            "#481d6f",
+            "#481f70",
+            "#482071",
+            "#482173",
+            "#482374",
+            "#482475",
+            "#482576",
+            "#482677",
+            "#482878",
+            "#482979",
+            "#472a7a",
+            "#472c7a",
+            "#472d7b",
+            "#472e7c",
+            "#472f7d",
+            "#46307e",
+            "#46327e",
+            "#46337f",
+            "#463480",
+            "#453581",
+            "#453781",
+            "#453882",
+            "#443983",
+            "#443a83",
+            "#443b84",
+            "#433d84",
+            "#433e85",
+            "#423f85",
+            "#424086",
+            "#424186",
+            "#414287",
+            "#414487",
+            "#404588",
+            "#404688",
+            "#3f4788",
+            "#3f4889",
+            "#3e4989",
+            "#3e4a89",
+            "#3e4c8a",
+            "#3d4d8a",
+            "#3d4e8a",
+            "#3c4f8a",
+            "#3c508b",
+            "#3b518b",
+            "#3b528b",
+            "#3a538b",
+            "#3a548c",
+            "#39558c",
+            "#39568c",
+            "#38588c",
+            "#38598c",
+            "#375a8c",
+            "#375b8d",
+            "#365c8d",
+            "#365d8d",
+            "#355e8d",
+            "#355f8d",
+            "#34608d",
+            "#34618d",
+            "#33628d",
+            "#33638d",
+            "#32648e",
+            "#32658e",
+            "#31668e",
+            "#31678e",
+            "#31688e",
+            "#30698e",
+            "#306a8e",
+            "#2f6b8e",
+            "#2f6c8e",
+            "#2e6d8e",
+            "#2e6e8e",
+            "#2e6f8e",
+            "#2d708e",
+            "#2d718e",
+            "#2c718e",
+            "#2c728e",
+            "#2c738e",
+            "#2b748e",
+            "#2b758e",
+            "#2a768e",
+            "#2a778e",
+            "#2a788e",
+            "#29798e",
+            "#297a8e",
+            "#297b8e",
+            "#287c8e",
+            "#287d8e",
+            "#277e8e",
+            "#277f8e",
+            "#27808e",
+            "#26818e",
+            "#26828e",
+            "#26828e",
+            "#25838e",
+            "#25848e",
+            "#25858e",
+            "#24868e",
+            "#24878e",
+            "#23888e",
+            "#23898e",
+            "#238a8d",
+            "#228b8d",
+            "#228c8d",
+            "#228d8d",
+            "#218e8d",
+            "#218f8d",
+            "#21908d",
+            "#21918c",
+            "#20928c",
+            "#20928c",
+            "#20938c",
+            "#1f948c",
+            "#1f958b",
+            "#1f968b",
+            "#1f978b",
+            "#1f988b",
+            "#1f998a",
+            "#1f9a8a",
+            "#1e9b8a",
+            "#1e9c89",
+            "#1e9d89",
+            "#1f9e89",
+            "#1f9f88",
+            "#1fa088",
+            "#1fa188",
+            "#1fa187",
+            "#1fa287",
+            "#20a386",
+            "#20a486",
+            "#21a585",
+            "#21a685",
+            "#22a785",
+            "#22a884",
+            "#23a983",
+            "#24aa83",
+            "#25ab82",
+            "#25ac82",
+            "#26ad81",
+            "#27ad81",
+            "#28ae80",
+            "#29af7f",
+            "#2ab07f",
+            "#2cb17e",
+            "#2db27d",
+            "#2eb37c",
+            "#2fb47c",
+            "#31b57b",
+            "#32b67a",
+            "#34b679",
+            "#35b779",
+            "#37b878",
+            "#38b977",
+            "#3aba76",
+            "#3bbb75",
+            "#3dbc74",
+            "#3fbc73",
+            "#40bd72",
+            "#42be71",
+            "#44bf70",
+            "#46c06f",
+            "#48c16e",
+            "#4ac16d",
+            "#4cc26c",
+            "#4ec36b",
+            "#50c46a",
+            "#52c569",
+            "#54c568",
+            "#56c667",
+            "#58c765",
+            "#5ac864",
+            "#5cc863",
+            "#5ec962",
+            "#60ca60",
+            "#63cb5f",
+            "#65cb5e",
+            "#67cc5c",
+            "#69cd5b",
+            "#6ccd5a",
+            "#6ece58",
+            "#70cf57",
+            "#73d056",
+            "#75d054",
+            "#77d153",
+            "#7ad151",
+            "#7cd250",
+            "#7fd34e",
+            "#81d34d",
+            "#84d44b",
+            "#86d549",
+            "#89d548",
+            "#8bd646",
+            "#8ed645",
+            "#90d743",
+            "#93d741",
+            "#95d840",
+            "#98d83e",
+            "#9bd93c",
+            "#9dd93b",
+            "#a0da39",
+            "#a2da37",
+            "#a5db36",
+            "#a8db34",
+            "#aadc32",
+            "#addc30",
+            "#b0dd2f",
+            "#b2dd2d",
+            "#b5de2b",
+            "#b8de29",
+            "#bade28",
+            "#bddf26",
+            "#c0df25",
+            "#c2df23",
+            "#c5e021",
+            "#c8e020",
+            "#cae11f",
+            "#cde11d",
+            "#d0e11c",
+            "#d2e21b",
+            "#d5e21a",
+            "#d8e219",
+            "#dae319",
+            "#dde318",
+            "#dfe318",
+            "#e2e418",
+            "#e5e419",
+            "#e7e419",
+            "#eae51a",
+            "#ece51b",
+            "#efe51c",
+            "#f1e51d",
+            "#f4e61e",
+            "#f6e620",
+            "#f8e621",
+            "#fbe723",
+            "#fde725",
+        ],
+    ],
+})
+
+CustomColorSchemes.push({
+    name: ColorSchemeName.Magma,
+    colorSets: [
+        [
+            "#000004",
+            "#010005",
+            "#010106",
+            "#010108",
+            "#020109",
+            "#02020b",
+            "#02020d",
+            "#03030f",
+            "#030312",
+            "#040414",
+            "#050416",
+            "#060518",
+            "#06051a",
+            "#07061c",
+            "#08071e",
+            "#090720",
+            "#0a0822",
+            "#0b0924",
+            "#0c0926",
+            "#0d0a29",
+            "#0e0b2b",
+            "#100b2d",
+            "#110c2f",
+            "#120d31",
+            "#130d34",
+            "#140e36",
+            "#150e38",
+            "#160f3b",
+            "#180f3d",
+            "#19103f",
+            "#1a1042",
+            "#1c1044",
+            "#1d1147",
+            "#1e1149",
+            "#20114b",
+            "#21114e",
+            "#221150",
+            "#241253",
+            "#251255",
+            "#271258",
+            "#29115a",
+            "#2a115c",
+            "#2c115f",
+            "#2d1161",
+            "#2f1163",
+            "#311165",
+            "#331067",
+            "#341069",
+            "#36106b",
+            "#38106c",
+            "#390f6e",
+            "#3b0f70",
+            "#3d0f71",
+            "#3f0f72",
+            "#400f74",
+            "#420f75",
+            "#440f76",
+            "#451077",
+            "#471078",
+            "#491078",
+            "#4a1079",
+            "#4c117a",
+            "#4e117b",
+            "#4f127b",
+            "#51127c",
+            "#52137c",
+            "#54137d",
+            "#56147d",
+            "#57157e",
+            "#59157e",
+            "#5a167e",
+            "#5c167f",
+            "#5d177f",
+            "#5f187f",
+            "#601880",
+            "#621980",
+            "#641a80",
+            "#651a80",
+            "#671b80",
+            "#681c81",
+            "#6a1c81",
+            "#6b1d81",
+            "#6d1d81",
+            "#6e1e81",
+            "#701f81",
+            "#721f81",
+            "#732081",
+            "#752181",
+            "#762181",
+            "#782281",
+            "#792282",
+            "#7b2382",
+            "#7c2382",
+            "#7e2482",
+            "#802582",
+            "#812581",
+            "#832681",
+            "#842681",
+            "#862781",
+            "#882781",
+            "#892881",
+            "#8b2981",
+            "#8c2981",
+            "#8e2a81",
+            "#902a81",
+            "#912b81",
+            "#932b80",
+            "#942c80",
+            "#962c80",
+            "#982d80",
+            "#992d80",
+            "#9b2e7f",
+            "#9c2e7f",
+            "#9e2f7f",
+            "#a02f7f",
+            "#a1307e",
+            "#a3307e",
+            "#a5317e",
+            "#a6317d",
+            "#a8327d",
+            "#aa337d",
+            "#ab337c",
+            "#ad347c",
+            "#ae347b",
+            "#b0357b",
+            "#b2357b",
+            "#b3367a",
+            "#b5367a",
+            "#b73779",
+            "#b83779",
+            "#ba3878",
+            "#bc3978",
+            "#bd3977",
+            "#bf3a77",
+            "#c03a76",
+            "#c23b75",
+            "#c43c75",
+            "#c53c74",
+            "#c73d73",
+            "#c83e73",
+            "#ca3e72",
+            "#cc3f71",
+            "#cd4071",
+            "#cf4070",
+            "#d0416f",
+            "#d2426f",
+            "#d3436e",
+            "#d5446d",
+            "#d6456c",
+            "#d8456c",
+            "#d9466b",
+            "#db476a",
+            "#dc4869",
+            "#de4968",
+            "#df4a68",
+            "#e04c67",
+            "#e24d66",
+            "#e34e65",
+            "#e44f64",
+            "#e55064",
+            "#e75263",
+            "#e85362",
+            "#e95462",
+            "#ea5661",
+            "#eb5760",
+            "#ec5860",
+            "#ed5a5f",
+            "#ee5b5e",
+            "#ef5d5e",
+            "#f05f5e",
+            "#f1605d",
+            "#f2625d",
+            "#f2645c",
+            "#f3655c",
+            "#f4675c",
+            "#f4695c",
+            "#f56b5c",
+            "#f66c5c",
+            "#f66e5c",
+            "#f7705c",
+            "#f7725c",
+            "#f8745c",
+            "#f8765c",
+            "#f9785d",
+            "#f9795d",
+            "#f97b5d",
+            "#fa7d5e",
+            "#fa7f5e",
+            "#fa815f",
+            "#fb835f",
+            "#fb8560",
+            "#fb8761",
+            "#fc8961",
+            "#fc8a62",
+            "#fc8c63",
+            "#fc8e64",
+            "#fc9065",
+            "#fd9266",
+            "#fd9467",
+            "#fd9668",
+            "#fd9869",
+            "#fd9a6a",
+            "#fd9b6b",
+            "#fe9d6c",
+            "#fe9f6d",
+            "#fea16e",
+            "#fea36f",
+            "#fea571",
+            "#fea772",
+            "#fea973",
+            "#feaa74",
+            "#feac76",
+            "#feae77",
+            "#feb078",
+            "#feb27a",
+            "#feb47b",
+            "#feb67c",
+            "#feb77e",
+            "#feb97f",
+            "#febb81",
+            "#febd82",
+            "#febf84",
+            "#fec185",
+            "#fec287",
+            "#fec488",
+            "#fec68a",
+            "#fec88c",
+            "#feca8d",
+            "#fecc8f",
+            "#fecd90",
+            "#fecf92",
+            "#fed194",
+            "#fed395",
+            "#fed597",
+            "#fed799",
+            "#fed89a",
+            "#fdda9c",
+            "#fddc9e",
+            "#fddea0",
+            "#fde0a1",
+            "#fde2a3",
+            "#fde3a5",
+            "#fde5a7",
+            "#fde7a9",
+            "#fde9aa",
+            "#fdebac",
+            "#fcecae",
+            "#fceeb0",
+            "#fcf0b2",
+            "#fcf2b4",
+            "#fcf4b6",
+            "#fcf6b8",
+            "#fcf7b9",
+            "#fcf9bb",
+            "#fcfbbd",
+            "#fcfdbf",
+        ],
+    ],
+})
+
+CustomColorSchemes.push({
+    name: ColorSchemeName.Plasma,
+    colorSets: [
+        [
+            "#0d0887",
+            "#100788",
+            "#130789",
+            "#16078a",
+            "#19068c",
+            "#1b068d",
+            "#1d068e",
+            "#20068f",
+            "#220690",
+            "#240691",
+            "#260591",
+            "#280592",
+            "#2a0593",
+            "#2c0594",
+            "#2e0595",
+            "#2f0596",
+            "#310597",
+            "#330597",
+            "#350498",
+            "#370499",
+            "#38049a",
+            "#3a049a",
+            "#3c049b",
+            "#3e049c",
+            "#3f049c",
+            "#41049d",
+            "#43039e",
+            "#44039e",
+            "#46039f",
+            "#48039f",
+            "#4903a0",
+            "#4b03a1",
+            "#4c02a1",
+            "#4e02a2",
+            "#5002a2",
+            "#5102a3",
+            "#5302a3",
+            "#5502a4",
+            "#5601a4",
+            "#5801a4",
+            "#5901a5",
+            "#5b01a5",
+            "#5c01a6",
+            "#5e01a6",
+            "#6001a6",
+            "#6100a7",
+            "#6300a7",
+            "#6400a7",
+            "#6600a7",
+            "#6700a8",
+            "#6900a8",
+            "#6a00a8",
+            "#6c00a8",
+            "#6e00a8",
+            "#6f00a8",
+            "#7100a8",
+            "#7201a8",
+            "#7401a8",
+            "#7501a8",
+            "#7701a8",
+            "#7801a8",
+            "#7a02a8",
+            "#7b02a8",
+            "#7d03a8",
+            "#7e03a8",
+            "#8004a8",
+            "#8104a7",
+            "#8305a7",
+            "#8405a7",
+            "#8606a6",
+            "#8707a6",
+            "#8808a6",
+            "#8a09a5",
+            "#8b0aa5",
+            "#8d0ba5",
+            "#8e0ca4",
+            "#8f0da4",
+            "#910ea3",
+            "#920fa3",
+            "#9410a2",
+            "#9511a1",
+            "#9613a1",
+            "#9814a0",
+            "#99159f",
+            "#9a169f",
+            "#9c179e",
+            "#9d189d",
+            "#9e199d",
+            "#a01a9c",
+            "#a11b9b",
+            "#a21d9a",
+            "#a31e9a",
+            "#a51f99",
+            "#a62098",
+            "#a72197",
+            "#a82296",
+            "#aa2395",
+            "#ab2494",
+            "#ac2694",
+            "#ad2793",
+            "#ae2892",
+            "#b02991",
+            "#b12a90",
+            "#b22b8f",
+            "#b32c8e",
+            "#b42e8d",
+            "#b52f8c",
+            "#b6308b",
+            "#b7318a",
+            "#b83289",
+            "#ba3388",
+            "#bb3488",
+            "#bc3587",
+            "#bd3786",
+            "#be3885",
+            "#bf3984",
+            "#c03a83",
+            "#c13b82",
+            "#c23c81",
+            "#c33d80",
+            "#c43e7f",
+            "#c5407e",
+            "#c6417d",
+            "#c7427c",
+            "#c8437b",
+            "#c9447a",
+            "#ca457a",
+            "#cb4679",
+            "#cc4778",
+            "#cc4977",
+            "#cd4a76",
+            "#ce4b75",
+            "#cf4c74",
+            "#d04d73",
+            "#d14e72",
+            "#d24f71",
+            "#d35171",
+            "#d45270",
+            "#d5536f",
+            "#d5546e",
+            "#d6556d",
+            "#d7566c",
+            "#d8576b",
+            "#d9586a",
+            "#da5a6a",
+            "#da5b69",
+            "#db5c68",
+            "#dc5d67",
+            "#dd5e66",
+            "#de5f65",
+            "#de6164",
+            "#df6263",
+            "#e06363",
+            "#e16462",
+            "#e26561",
+            "#e26660",
+            "#e3685f",
+            "#e4695e",
+            "#e56a5d",
+            "#e56b5d",
+            "#e66c5c",
+            "#e76e5b",
+            "#e76f5a",
+            "#e87059",
+            "#e97158",
+            "#e97257",
+            "#ea7457",
+            "#eb7556",
+            "#eb7655",
+            "#ec7754",
+            "#ed7953",
+            "#ed7a52",
+            "#ee7b51",
+            "#ef7c51",
+            "#ef7e50",
+            "#f07f4f",
+            "#f0804e",
+            "#f1814d",
+            "#f1834c",
+            "#f2844b",
+            "#f3854b",
+            "#f3874a",
+            "#f48849",
+            "#f48948",
+            "#f58b47",
+            "#f58c46",
+            "#f68d45",
+            "#f68f44",
+            "#f79044",
+            "#f79143",
+            "#f79342",
+            "#f89441",
+            "#f89540",
+            "#f9973f",
+            "#f9983e",
+            "#f99a3e",
+            "#fa9b3d",
+            "#fa9c3c",
+            "#fa9e3b",
+            "#fb9f3a",
+            "#fba139",
+            "#fba238",
+            "#fca338",
+            "#fca537",
+            "#fca636",
+            "#fca835",
+            "#fca934",
+            "#fdab33",
+            "#fdac33",
+            "#fdae32",
+            "#fdaf31",
+            "#fdb130",
+            "#fdb22f",
+            "#fdb42f",
+            "#fdb52e",
+            "#feb72d",
+            "#feb82c",
+            "#feba2c",
+            "#febb2b",
+            "#febd2a",
+            "#febe2a",
+            "#fec029",
+            "#fdc229",
+            "#fdc328",
+            "#fdc527",
+            "#fdc627",
+            "#fdc827",
+            "#fdca26",
+            "#fdcb26",
+            "#fccd25",
+            "#fcce25",
+            "#fcd025",
+            "#fcd225",
+            "#fbd324",
+            "#fbd524",
+            "#fbd724",
+            "#fad824",
+            "#fada24",
+            "#f9dc24",
+            "#f9dd25",
+            "#f8df25",
+            "#f8e125",
+            "#f7e225",
+            "#f7e425",
+            "#f6e626",
+            "#f6e826",
+            "#f5e926",
+            "#f5eb27",
+            "#f4ed27",
+            "#f3ee27",
+            "#f3f027",
+            "#f2f227",
+            "#f1f426",
+            "#f1f525",
+            "#f0f724",
+            "#f0f921",
+        ],
+    ],
+})
+
+CustomColorSchemes.push({
+    name: ColorSchemeName.Inferno,
+    colorSets: [
+        [
+            "#000004",
+            "#010005",
+            "#010106",
+            "#010108",
+            "#02010a",
+            "#02020c",
+            "#02020e",
+            "#030210",
+            "#040312",
+            "#040314",
+            "#050417",
+            "#060419",
+            "#07051b",
+            "#08051d",
+            "#09061f",
+            "#0a0722",
+            "#0b0724",
+            "#0c0826",
+            "#0d0829",
+            "#0e092b",
+            "#10092d",
+            "#110a30",
+            "#120a32",
+            "#140b34",
+            "#150b37",
+            "#160b39",
+            "#180c3c",
+            "#190c3e",
+            "#1b0c41",
+            "#1c0c43",
+            "#1e0c45",
+            "#1f0c48",
+            "#210c4a",
+            "#230c4c",
+            "#240c4f",
+            "#260c51",
+            "#280b53",
+            "#290b55",
+            "#2b0b57",
+            "#2d0b59",
+            "#2f0a5b",
+            "#310a5c",
+            "#320a5e",
+            "#340a5f",
+            "#360961",
+            "#380962",
+            "#390963",
+            "#3b0964",
+            "#3d0965",
+            "#3e0966",
+            "#400a67",
+            "#420a68",
+            "#440a68",
+            "#450a69",
+            "#470b6a",
+            "#490b6a",
+            "#4a0c6b",
+            "#4c0c6b",
+            "#4d0d6c",
+            "#4f0d6c",
+            "#510e6c",
+            "#520e6d",
+            "#540f6d",
+            "#550f6d",
+            "#57106e",
+            "#59106e",
+            "#5a116e",
+            "#5c126e",
+            "#5d126e",
+            "#5f136e",
+            "#61136e",
+            "#62146e",
+            "#64156e",
+            "#65156e",
+            "#67166e",
+            "#69166e",
+            "#6a176e",
+            "#6c186e",
+            "#6d186e",
+            "#6f196e",
+            "#71196e",
+            "#721a6e",
+            "#741a6e",
+            "#751b6e",
+            "#771c6d",
+            "#781c6d",
+            "#7a1d6d",
+            "#7c1d6d",
+            "#7d1e6d",
+            "#7f1e6c",
+            "#801f6c",
+            "#82206c",
+            "#84206b",
+            "#85216b",
+            "#87216b",
+            "#88226a",
+            "#8a226a",
+            "#8c2369",
+            "#8d2369",
+            "#8f2469",
+            "#902568",
+            "#922568",
+            "#932667",
+            "#952667",
+            "#972766",
+            "#982766",
+            "#9a2865",
+            "#9b2964",
+            "#9d2964",
+            "#9f2a63",
+            "#a02a63",
+            "#a22b62",
+            "#a32c61",
+            "#a52c60",
+            "#a62d60",
+            "#a82e5f",
+            "#a92e5e",
+            "#ab2f5e",
+            "#ad305d",
+            "#ae305c",
+            "#b0315b",
+            "#b1325a",
+            "#b3325a",
+            "#b43359",
+            "#b63458",
+            "#b73557",
+            "#b93556",
+            "#ba3655",
+            "#bc3754",
+            "#bd3853",
+            "#bf3952",
+            "#c03a51",
+            "#c13a50",
+            "#c33b4f",
+            "#c43c4e",
+            "#c63d4d",
+            "#c73e4c",
+            "#c83f4b",
+            "#ca404a",
+            "#cb4149",
+            "#cc4248",
+            "#ce4347",
+            "#cf4446",
+            "#d04545",
+            "#d24644",
+            "#d34743",
+            "#d44842",
+            "#d54a41",
+            "#d74b3f",
+            "#d84c3e",
+            "#d94d3d",
+            "#da4e3c",
+            "#db503b",
+            "#dd513a",
+            "#de5238",
+            "#df5337",
+            "#e05536",
+            "#e15635",
+            "#e25734",
+            "#e35933",
+            "#e45a31",
+            "#e55c30",
+            "#e65d2f",
+            "#e75e2e",
+            "#e8602d",
+            "#e9612b",
+            "#ea632a",
+            "#eb6429",
+            "#eb6628",
+            "#ec6726",
+            "#ed6925",
+            "#ee6a24",
+            "#ef6c23",
+            "#ef6e21",
+            "#f06f20",
+            "#f1711f",
+            "#f1731d",
+            "#f2741c",
+            "#f3761b",
+            "#f37819",
+            "#f47918",
+            "#f57b17",
+            "#f57d15",
+            "#f67e14",
+            "#f68013",
+            "#f78212",
+            "#f78410",
+            "#f8850f",
+            "#f8870e",
+            "#f8890c",
+            "#f98b0b",
+            "#f98c0a",
+            "#f98e09",
+            "#fa9008",
+            "#fa9207",
+            "#fa9407",
+            "#fb9606",
+            "#fb9706",
+            "#fb9906",
+            "#fb9b06",
+            "#fb9d07",
+            "#fc9f07",
+            "#fca108",
+            "#fca309",
+            "#fca50a",
+            "#fca60c",
+            "#fca80d",
+            "#fcaa0f",
+            "#fcac11",
+            "#fcae12",
+            "#fcb014",
+            "#fcb216",
+            "#fcb418",
+            "#fbb61a",
+            "#fbb81d",
+            "#fbba1f",
+            "#fbbc21",
+            "#fbbe23",
+            "#fac026",
+            "#fac228",
+            "#fac42a",
+            "#fac62d",
+            "#f9c72f",
+            "#f9c932",
+            "#f9cb35",
+            "#f8cd37",
+            "#f8cf3a",
+            "#f7d13d",
+            "#f7d340",
+            "#f6d543",
+            "#f6d746",
+            "#f5d949",
+            "#f5db4c",
+            "#f4dd4f",
+            "#f4df53",
+            "#f4e156",
+            "#f3e35a",
+            "#f3e55d",
+            "#f2e661",
+            "#f2e865",
+            "#f2ea69",
+            "#f1ec6d",
+            "#f1ed71",
+            "#f1ef75",
+            "#f1f179",
+            "#f2f27d",
+            "#f2f482",
+            "#f3f586",
+            "#f3f68a",
+            "#f4f88e",
+            "#f5f992",
+            "#f6fa96",
+            "#f8fb9a",
+            "#f9fc9d",
+            "#fafda1",
+            "#fcffa4",
+        ],
+    ],
+})