BRANDPLATFORM FOUNDATIONS

Color Base Generator

From single brand color to full scale + semantic roles (dark/light).

Automation Ready Output

Suggested payload for partner brandbook bootstrap.

Apply to Partner Preview

Apply to GiftAIApply to GPSWOX

Generated Neutral Scale

50

#f3f4f6

100

#e6e9ec

200

#d1d5dc

300

#b5bcc7

400

#939eae

500

#64748b

600

#546175

700

#485464

800

#3a4351

900

#2a313a

950

#1c2027

Generated Brand Scale

50

#f3f5ff

100

#e8ecff

200

#d4dbff

300

#b9c5ff

400

#9aaaff

500

#6e86ff

600

#5c71d6

700

#4f60b8

800

#404e94

900

#2e386b

950

#1f2647

Generated Semantic Roles

bg

#1c2027

surface

#2a313a

surface2

#3a4351

text

#f3f4f6

text2

#d1d5dc

text3

#939eae

border

rgba(147, 158, 174, 0.18)

borderStrong

rgba(147, 158, 174, 0.32)

brand

#6e86ff

brand2

#5c71d6

focus

#9aaaff

success

#22c55e

warning

#f59e0b

danger

#ef4444

Output JSON

{
  "mode": "dark",
  "brandSeed": "#6e86ff",
  "generated": {
    "neutral": {
      "50": "#f3f4f6",
      "100": "#e6e9ec",
      "200": "#d1d5dc",
      "300": "#b5bcc7",
      "400": "#939eae",
      "500": "#64748b",
      "600": "#546175",
      "700": "#485464",
      "800": "#3a4351",
      "900": "#2a313a",
      "950": "#1c2027"
    },
    "brand": {
      "50": "#f3f5ff",
      "100": "#e8ecff",
      "200": "#d4dbff",
      "300": "#b9c5ff",
      "400": "#9aaaff",
      "500": "#6e86ff",
      "600": "#5c71d6",
      "700": "#4f60b8",
      "800": "#404e94",
      "900": "#2e386b",
      "950": "#1f2647"
    },
    "semantic": {
      "bg": "#1c2027",
      "surface": "#2a313a",
      "surface2": "#3a4351",
      "text": "#f3f4f6",
      "text2": "#d1d5dc",
      "text3": "#939eae",
      "border": "rgba(147, 158, 174, 0.18)",
      "borderStrong": "rgba(147, 158, 174, 0.32)",
      "brand": "#6e86ff",
      "brand2": "#5c71d6",
      "focus": "#9aaaff",
      "success": "#22c55e",
      "warning": "#f59e0b",
      "danger": "#ef4444"
    }
  }
}