{
  "id": "app-nuan-cheng-yu",
  "name": "暖橙屿",
  "platform": "app",
  "platformLabel": "APP 端",
  "slug": "nuan-cheng-yu",
  "tags": [
    "活力",
    "治愈",
    "暖色"
  ],
  "scene": "生活服务 / 社区类 App",
  "advice": {
    "family": "橙",
    "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。",
    "muted": null,
    "suit": "比红更放松、比黄更沉稳，适合需要亲近感又不想太跳的界面。",
    "avoid": "与高饱和的红、黄同场会互相抢戏，暖色最好只留一个主角。",
    "pair": "配深蓝能立刻变得稳重，配浅木色、米白则更有生活气息。"
  },
  "source": "preset",
  "score": 86,
  "createdAt": "2026-10-12",
  "license": "数据可自由引用，建议注明来源",
  "page": "https://paletteget.com/zh/palette-list/app/nuan-cheng-yu/",
  "colors": [
    {
      "key": "primary",
      "label": "主色",
      "desc": "品牌主色，用于主要按钮、选中态、强调元素",
      "hex": "#d96a24",
      "rgb": "rgb(217, 106, 36)",
      "hsl": "hsl(23.2, 71.5%, 49.6%)",
      "hslRaw": {
        "h": 23.2,
        "s": 71.5,
        "l": 49.6
      }
    },
    {
      "key": "primaryDark",
      "label": "主色·深",
      "desc": "主色按下态 / 深色背景上的主色",
      "hex": "#a34d14",
      "rgb": "rgb(163, 77, 20)",
      "hsl": "hsl(23.9, 78.1%, 35.9%)",
      "hslRaw": {
        "h": 23.9,
        "s": 78.1,
        "l": 35.9
      }
    },
    {
      "key": "primaryLight",
      "label": "主色·浅",
      "desc": "主色浅底、标签背景、选中弱化态",
      "hex": "#fbd4b6",
      "rgb": "rgb(251, 212, 182)",
      "hsl": "hsl(26.1, 89.6%, 84.9%)",
      "hslRaw": {
        "h": 26.1,
        "s": 89.6,
        "l": 84.9
      }
    },
    {
      "key": "secondary",
      "label": "辅色",
      "desc": "与主色搭配的次要色，用于次级按钮、图标",
      "hex": "#2f6e80",
      "rgb": "rgb(47, 110, 128)",
      "hsl": "hsl(193.3, 46.3%, 34.3%)",
      "hslRaw": {
        "h": 193.3,
        "s": 46.3,
        "l": 34.3
      }
    },
    {
      "key": "accent",
      "label": "强调色",
      "desc": "点缀色，用于角标、高亮提示",
      "hex": "#4c6fe0",
      "rgb": "rgb(76, 111, 224)",
      "hsl": "hsl(225.8, 70.5%, 58.8%)",
      "hslRaw": {
        "h": 225.8,
        "s": 70.5,
        "l": 58.8
      }
    },
    {
      "key": "success",
      "label": "成功",
      "desc": "成功提示、完成状态",
      "hex": "#2a8a50",
      "rgb": "rgb(42, 138, 80)",
      "hsl": "hsl(143.8, 53.3%, 35.3%)",
      "hslRaw": {
        "h": 143.8,
        "s": 53.3,
        "l": 35.3
      }
    },
    {
      "key": "warning",
      "label": "警告",
      "desc": "警告提示、待处理状态",
      "hex": "#c8860f",
      "rgb": "rgb(200, 134, 15)",
      "hsl": "hsl(38.6, 86%, 42.2%)",
      "hslRaw": {
        "h": 38.6,
        "s": 86,
        "l": 42.2
      }
    },
    {
      "key": "danger",
      "label": "危险",
      "desc": "错误提示、删除操作、失败状态",
      "hex": "#b8332b",
      "rgb": "rgb(184, 51, 43)",
      "hsl": "hsl(3.4, 62.1%, 44.5%)",
      "hslRaw": {
        "h": 3.4,
        "s": 62.1,
        "l": 44.5
      }
    },
    {
      "key": "text",
      "label": "文字",
      "desc": "正文主文字色",
      "hex": "#2b2118",
      "rgb": "rgb(43, 33, 24)",
      "hsl": "hsl(28.4, 28.4%, 13.1%)",
      "hslRaw": {
        "h": 28.4,
        "s": 28.4,
        "l": 13.1
      }
    },
    {
      "key": "bg",
      "label": "页面背景",
      "desc": "页面底色",
      "hex": "#fff9f4",
      "rgb": "rgb(255, 249, 244)",
      "hsl": "hsl(27.3, 100%, 97.8%)",
      "hslRaw": {
        "h": 27.3,
        "s": 100,
        "l": 97.8
      }
    }
  ],
  "roles": {
    "primary": "#d96a24",
    "primaryDark": "#a34d14",
    "primaryLight": "#fbd4b6",
    "secondary": "#2f6e80",
    "accent": "#4c6fe0",
    "success": "#2a8a50",
    "warning": "#c8860f",
    "danger": "#b8332b",
    "text": "#2b2118",
    "bg": "#fff9f4"
  },
  "contrast": {
    "textOnBg": {
      "ratio": 15.08,
      "level": "AAA"
    },
    "primaryOnBg": {
      "ratio": 3.33,
      "level": "AA"
    }
  },
  "usage": {
    "cssVariables": ":root {\n  --color-primary: #d96a24;\n  --color-primaryDark: #a34d14;\n  --color-primaryLight: #fbd4b6;\n  --color-secondary: #2f6e80;\n  --color-accent: #4c6fe0;\n  --color-success: #2a8a50;\n  --color-warning: #c8860f;\n  --color-danger: #b8332b;\n  --color-text: #2b2118;\n  --color-bg: #fff9f4;\n}",
    "cssUrl": "https://paletteget.com/zh/palette-list/app/nuan-cheng-yu/index.css"
  }
}