{
  "id": "miniapp-chong-wu-zi",
  "name": "Pet Purple",
  "platform": "miniapp",
  "platformLabel": "Mini App",
  "slug": "chong-wu-zi",
  "tags": [
    "Vibrant",
    "Cute",
    "Fan-favorite"
  ],
  "scene": "Pet services & niche commerce mini apps",
  "advice": {
    "family": "Blue",
    "depth": "The lead color is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.",
    "muted": null,
    "suit": "A natural base for dark themes, carrying calm and order.",
    "avoid": "It is so common that it can feel anonymous; support colors and typography have to do the differentiating.",
    "pair": "Deeper blue for depth and white for openness are the two hardest combinations to get wrong."
  },
  "source": "preset",
  "score": 86,
  "createdAt": "2026-10-12",
  "license": "Data free to reuse; a credit is appreciated",
  "page": "https://paletteget.com/palette-list/miniapp/chong-wu-zi/",
  "colors": [
    {
      "key": "theme",
      "label": "Theme",
      "desc": "Global theme color (navigation bar, selected tab)",
      "hex": "#7c5ce0",
      "rgb": "rgb(124, 92, 224)",
      "hsl": "hsl(254.5, 68%, 62%)",
      "hslRaw": {
        "h": 254.5,
        "s": 68,
        "l": 62
      }
    },
    {
      "key": "btn",
      "label": "Button",
      "desc": "Primary button background",
      "hex": "#7c5ce0",
      "rgb": "rgb(124, 92, 224)",
      "hsl": "hsl(254.5, 68%, 62%)",
      "hslRaw": {
        "h": 254.5,
        "s": 68,
        "l": 62
      }
    },
    {
      "key": "btnDisabled",
      "label": "Button disabled",
      "desc": "Disabled button background",
      "hex": "#c7b8f2",
      "rgb": "rgb(199, 184, 242)",
      "hsl": "hsl(255.5, 69%, 83.5%)",
      "hslRaw": {
        "h": 255.5,
        "s": 69,
        "l": 83.5
      }
    },
    {
      "key": "bg",
      "label": "Page background",
      "desc": "Page backgroundColor",
      "hex": "#f8f7fd",
      "rgb": "rgb(248, 247, 253)",
      "hsl": "hsl(250, 60%, 98%)",
      "hslRaw": {
        "h": 250,
        "s": 60,
        "l": 98
      }
    },
    {
      "key": "card",
      "label": "Card",
      "desc": "Product and content card background",
      "hex": "#ffffff",
      "rgb": "rgb(255, 255, 255)",
      "hsl": "hsl(0, 0%, 100%)",
      "hslRaw": {
        "h": 0,
        "s": 0,
        "l": 100
      }
    },
    {
      "key": "textMain",
      "label": "Text main",
      "desc": "Headings and body copy",
      "hex": "#221c33",
      "rgb": "rgb(34, 28, 51)",
      "hsl": "hsl(255.7, 29.1%, 15.5%)",
      "hslRaw": {
        "h": 255.7,
        "s": 29.1,
        "l": 15.5
      }
    },
    {
      "key": "textSub",
      "label": "Text sub",
      "desc": "Captions and timestamps",
      "hex": "#857e9c",
      "rgb": "rgb(133, 126, 156)",
      "hsl": "hsl(254, 13.2%, 55.3%)",
      "hslRaw": {
        "h": 254,
        "s": 13.2,
        "l": 55.3
      }
    },
    {
      "key": "divider",
      "label": "Divider",
      "desc": "List dividers",
      "hex": "#e8e4f4",
      "rgb": "rgb(232, 228, 244)",
      "hsl": "hsl(255, 42.1%, 92.5%)",
      "hslRaw": {
        "h": 255,
        "s": 42.1,
        "l": 92.5
      }
    },
    {
      "key": "price",
      "label": "Price",
      "desc": "Prices and promotional figures, usually warm",
      "hex": "#e05134",
      "rgb": "rgb(224, 81, 52)",
      "hsl": "hsl(10.1, 73.5%, 54.1%)",
      "hslRaw": {
        "h": 10.1,
        "s": 73.5,
        "l": 54.1
      }
    },
    {
      "key": "tag",
      "label": "Tag",
      "desc": "Tag and coupon backgrounds",
      "hex": "#f0ebfc",
      "rgb": "rgb(240, 235, 252)",
      "hsl": "hsl(257.6, 73.9%, 95.5%)",
      "hslRaw": {
        "h": 257.6,
        "s": 73.9,
        "l": 95.5
      }
    }
  ],
  "roles": {
    "theme": "#7c5ce0",
    "btn": "#7c5ce0",
    "btnDisabled": "#c7b8f2",
    "bg": "#f8f7fd",
    "card": "#ffffff",
    "textMain": "#221c33",
    "textSub": "#857e9c",
    "divider": "#e8e4f4",
    "price": "#e05134",
    "tag": "#f0ebfc"
  },
  "contrast": {
    "textOnBg": {
      "ratio": 15.38,
      "level": "AAA"
    },
    "primaryOnBg": {
      "ratio": 4.42,
      "level": "AA"
    },
    "textOnSurface": {
      "ratio": 16.38,
      "level": "AAA"
    }
  },
  "usage": {
    "cssVariables": ":root {\n  --color-theme: #7c5ce0;\n  --color-btn: #7c5ce0;\n  --color-btnDisabled: #c7b8f2;\n  --color-bg: #f8f7fd;\n  --color-card: #ffffff;\n  --color-textMain: #221c33;\n  --color-textSub: #857e9c;\n  --color-divider: #e8e4f4;\n  --color-price: #e05134;\n  --color-tag: #f0ebfc;\n}",
    "cssUrl": "https://paletteget.com/palette-list/miniapp/chong-wu-zi/index.css"
  }
}