color-bridge

A tool to generate region-specific color palettes, based on cultural contexts.

Documentation website

npm i color-bridge

import colorBridge from "color-bridge";

const { palette, hues } = colorBridge({ culture: "chinese" });

/**
 * palette: {
    caution: "#FFEE00",
    danger: "#1A1A1A",
    energy: "#FF3000",
    error: "#1A1A1A",
    growth: "#EFBF04",
    happiness: "#FF3000",
    innovation: "#FF3000",
    luck: "#FF3000",
    mourning: "#FAFAFA",
    neutrality: "#888888",
    optimism: "#EFBF04",
    sadness: "#FAFAFA",
    stability: "#3030FF",
    success: "#FF3000",
    urgency: "#FF7900"
}
 * hues: {
    caution: [
        "#fffccc",
        "#fffab3",
        "#fff899",
        "#fff780",
        "#fff566",
        "#fff34d",
        "#fff133",
        "#fff01a",
        "#ffee00",
        "#e6d600",
        "#ccbe00",
        "#b3a700",
        "#998f00",
        "#807700",
        "#665f00",
        "#4d4700",
        "#333000"
    ],
    danger: [...],
    ... and so on
 } 
 */

Available cultures:

• african:

const { palette, hues } = colorBridge({ culture: "african" });

• chinese

const { palette, hues } = colorBridge({ culture: "chinese" });

• indian

const { palette, hues } = colorBridge({ culture: "indian" });

• japanese

const { palette, hues } = colorBridge({ culture: "japanese" });

• latinAmerican

const { palette, hues } = colorBridge({ culture: "latinAmerican" });

• middleEastern

const { palette, hues } = colorBridge({ culture: "middleEastern" });

• southeastAsian

const { palette, hues } = colorBridge({ culture: "southeastAsian" });

• western

const { palette, hues } = colorBridge({ culture: "western" });