{ "name": "配色站 PaletteGet", "description": "多端（APP / WEB / 小程序）配色方案库。每套配色含 10 个设计角色色值，全部通过 WCAG 无障碍校验。共收录 76 套。", "license": "数据可自由引用，建议注明来源", "total": 76, "roleDefinitions": { "app": { "label": "APP 端", "roles": [ { "key": "primary", "label": "主色", "desc": "品牌主色，用于主要按钮、选中态、强调元素" }, { "key": "primaryDark", "label": "主色·深", "desc": "主色按下态 / 深色背景上的主色" }, { "key": "primaryLight", "label": "主色·浅", "desc": "主色浅底、标签背景、选中弱化态" }, { "key": "secondary", "label": "辅色", "desc": "与主色搭配的次要色，用于次级按钮、图标" }, { "key": "accent", "label": "强调色", "desc": "点缀色，用于角标、高亮提示" }, { "key": "success", "label": "成功", "desc": "成功提示、完成状态" }, { "key": "warning", "label": "警告", "desc": "警告提示、待处理状态" }, { "key": "danger", "label": "危险", "desc": "错误提示、删除操作、失败状态" }, { "key": "text", "label": "文字", "desc": "正文主文字色" }, { "key": "bg", "label": "页面背景", "desc": "页面底色" } ] }, "web": { "label": "WEB 端", "roles": [ { "key": "primary", "label": "Primary", "desc": "主色，对应 CSS 变量 --color-primary" }, { "key": "primaryHover", "label": "Primary Hover", "desc": "悬停态：--color-primary-hover" }, { "key": "primaryActive", "label": "Primary Active", "desc": "按下态：--color-primary-active" }, { "key": "textMain", "label": "Text Main", "desc": "主文字：--color-text-main" }, { "key": "textSub", "label": "Text Sub", "desc": "次级文字：--color-text-sub" }, { "key": "bg", "label": "Background", "desc": "页面背景：--color-bg" }, { "key": "surface", "label": "Surface", "desc": "卡片/面板背景：--color-surface" }, { "key": "border", "label": "Border", "desc": "边框分割线：--color-border" }, { "key": "link", "label": "Link", "desc": "链接色：--color-link" }, { "key": "accent", "label": "Accent", "desc": "强调色：--color-accent" } ] }, "miniapp": { "label": "小程序端", "roles": [ { "key": "theme", "label": "主题色", "desc": "小程序全局主题色（navigationBar / tabBar 选中）" }, { "key": "btn", "label": "按钮色", "desc": "主要按钮背景" }, { "key": "btnDisabled", "label": "按钮禁用", "desc": "禁用态按钮背景" }, { "key": "bg", "label": "页面背景", "desc": "页面 backgroundColor" }, { "key": "card", "label": "卡片背景", "desc": "商品卡 / 内容卡背景" }, { "key": "textMain", "label": "主文字", "desc": "标题与正文" }, { "key": "textSub", "label": "次文字", "desc": "辅助说明、时间戳" }, { "key": "divider", "label": "分割线", "desc": "列表分割线" }, { "key": "price", "label": "价格色", "desc": "价格 / 促销数字，通常暖色系" }, { "key": "tag", "label": "标签色", "desc": "标签 / 优惠券底色" } ] } }, "palettes": { "app": [ { "id": "app-mo-ye-qing", "name": "墨野青", "slug": "mo-ye-qing", "tags": [ "科技", "冷静", "低饱和" ], "scene": "效率工具 / 阅读类 App", "advice": { "family": "青", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "适合做数据可视化的中性主色，不抢数据本身的语义色。", "avoid": "青色太弱会显得没有立场，需要靠辅色补足个性。", "pair": "与深蓝、石墨灰搭配稳妥，点缀一点暖橙能立刻提神。" }, "source": "preset", "score": 86, "roles": { "primary": "#2f8f83", "primaryDark": "#1f6b62", "primaryLight": "#a8dad2", "secondary": "#4a6fa5", "accent": "#e8604c", "success": "#2fa36b", "warning": "#e0a63c", "danger": "#d9443e", "text": "#1f2a2e", "bg": "#f7faf9" }, "contrast": { "textOnBg": { "ratio": 13.99, "level": "AAA" }, "primaryOnBg": { "ratio": 3.72, "level": "AA" } }, "page": "https://paletteget.com/zh/palette-list/app/mo-ye-qing/", "json": "https://paletteget.com/zh/palette-list/app/mo-ye-qing/index.json", "css": "https://paletteget.com/zh/palette-list/app/mo-ye-qing/index.css" }, { "id": "app-nuan-cheng-yu", "name": "暖橙屿", "slug": "nuan-cheng-yu", "tags": [ "活力", "治愈", "暖色" ], "scene": "生活服务 / 社区类 App", "advice": { "family": "橙", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "比红更放松、比黄更沉稳，适合需要亲近感又不想太跳的界面。", "avoid": "与高饱和的红、黄同场会互相抢戏，暖色最好只留一个主角。", "pair": "配深蓝能立刻变得稳重，配浅木色、米白则更有生活气息。" }, "source": "preset", "score": 86, "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" } }, "page": "https://paletteget.com/zh/palette-list/app/nuan-cheng-yu/", "json": "https://paletteget.com/zh/palette-list/app/nuan-cheng-yu/index.json", "css": "https://paletteget.com/zh/palette-list/app/nuan-cheng-yu/index.css" }, { "id": "app-mo-lan-ye", "name": "墨蓝夜", "slug": "mo-lan-ye", "tags": [ "暗黑", "商务", "高对比" ], "scene": "金融 / 数据看板类 App 深色模式", "advice": { "family": "蓝", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "适合需要长时间注视的界面，蓝色对眼睛最友好。", "avoid": "冷蓝在需要热情与行动感的促销场景里偏冷静，激发力不足。", "pair": "与白、浅灰是安全组合，加一点暖色（橙或黄）做行动号召，对比更清晰。" }, "source": "preset", "score": 94, "roles": { "primary": "#4c8df6", "primaryDark": "#2f6bd4", "primaryLight": "#1e3a63", "secondary": "#8b7cf6", "accent": "#f2b33d", "success": "#3fbf7f", "warning": "#e8b341", "danger": "#f2685e", "text": "#e8ecf4", "bg": "#12161f" }, "contrast": { "textOnBg": { "ratio": 15.29, "level": "AAA" }, "primaryOnBg": { "ratio": 5.56, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/app/mo-lan-ye/", "json": "https://paletteget.com/zh/palette-list/app/mo-lan-ye/index.json", "css": "https://paletteget.com/zh/palette-list/app/mo-lan-ye/index.css" }, { "id": "app-wu-gui-hui", "name": "雾瑰灰", "slug": "wu-gui-hui", "tags": [ "莫兰迪", "温柔", "高级灰" ], "scene": "内容 / 相册 / 冥想类 App", "advice": { "family": "粉", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": "这套配色的主色饱和度偏低、接近灰调，更耐看也更高级，但容易显得没精神，建议靠明度层次和排版把画面撑住。", "suit": "适合需要温柔、年轻调性的产品。", "avoid": "用量过大容易甜腻，高饱和时尤其明显。", "pair": "与灰、白搭配不会过于甜腻，点缀一点深莓紫能增加层次。" }, "source": "preset", "score": 82, "roles": { "primary": "#9c7c8c", "primaryDark": "#78596a", "primaryLight": "#e2d3da", "secondary": "#7e8fa6", "accent": "#c98a6b", "success": "#6fa07a", "warning": "#d2a75c", "danger": "#c4665f", "text": "#2e2830", "bg": "#faf7f8" }, "contrast": { "textOnBg": { "ratio": 13.49, "level": "AAA" }, "primaryOnBg": { "ratio": 3.48, "level": "AA" } }, "page": "https://paletteget.com/zh/palette-list/app/wu-gui-hui/", "json": "https://paletteget.com/zh/palette-list/app/wu-gui-hui/index.json", "css": "https://paletteget.com/zh/palette-list/app/wu-gui-hui/index.css" }, { "id": "app-song-lin-lv", "name": "松林绿", "slug": "song-lin-lv", "tags": [ "自然", "清新", "森林" ], "scene": "运动 / 健康 / 环保类 App", "advice": { "family": "绿", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "绿色的确认语义几乎是通用的，适合成功态与正向反馈。", "avoid": "在强调稀缺与促销的场合不够抓眼，别拿它做促销主色。", "pair": "点缀一点暖橘能打破绿色的冷感，让画面活起来。" }, "source": "preset", "score": 80, "roles": { "primary": "#3e8e5a", "primaryDark": "#2a6b41", "primaryLight": "#bcdfc7", "secondary": "#c9a227", "accent": "#e06b3c", "success": "#43a854", "warning": "#dfa626", "danger": "#d0453b", "text": "#1e2a22", "bg": "#f6fbf7" }, "contrast": { "textOnBg": { "ratio": 14.23, "level": "AAA" }, "primaryOnBg": { "ratio": 3.84, "level": "AA" } }, "page": "https://paletteget.com/zh/palette-list/app/song-lin-lv/", "json": "https://paletteget.com/zh/palette-list/app/song-lin-lv/index.json", "css": "https://paletteget.com/zh/palette-list/app/song-lin-lv/index.css" }, { "id": "app-app-blue-237-0", "name": "初雪蓝", "slug": "app-blue-237-0", "tags": [ "森林", "蓝" ], "scene": "睡眠监测与冥想", "advice": { "family": "蓝", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "适合需要长时间注视的界面，蓝色对眼睛最友好。", "avoid": "用得实在太普遍，容易没个性，需要靠辅色和排版做出差异。", "pair": "配深蓝做层次、配白做通透，是最不容易出错的两条路。" }, "source": "generated", "score": 94, "roles": { "primary": "#3d4076", "primaryDark": "#232548", "primaryLight": "#9c9dba", "secondary": "#7f6148", "accent": "#c78957", "success": "#2c9b5a", "warning": "#dd9913", "danger": "#d33227", "text": "#232329", "bg": "#f9f9fa" }, "contrast": { "textOnBg": { "ratio": 14.85, "level": "AAA" }, "primaryOnBg": { "ratio": 9.1, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-blue-237-0/", "json": "https://paletteget.com/zh/palette-list/app/app-blue-237-0/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-blue-237-0/index.css" }, { "id": "app-app-blue-200-1", "name": "蓝染缬", "slug": "app-blue-200-1", "tags": [ "治愈", "蓝" ], "scene": "通勤与地铁导航", "advice": { "family": "蓝", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "最通用的主色：科技、金融、工具、企业服务等需要可信感的场景。", "avoid": "冷蓝在需要热情与行动感的促销场景里偏冷静，激发力不足。", "pair": "与白、浅灰是安全组合，加一点暖色（橙或黄）做行动号召，对比更清晰。" }, "source": "generated", "score": 88, "roles": { "primary": "#49768d", "primaryDark": "#2e5060", "primaryLight": "#b1c1c9", "secondary": "#545f96", "accent": "#c75769", "success": "#2ea35f", "warning": "#e6a014", "danger": "#d8372c", "text": "#232729", "bg": "#f9fafa" }, "contrast": { "textOnBg": { "ratio": 14.41, "level": "AAA" }, "primaryOnBg": { "ratio": 4.72, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-blue-200-1/", "json": "https://paletteget.com/zh/palette-list/app/app-blue-200-1/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-blue-200-1/index.css" }, { "id": "app-app-purple-282-2", "name": "葡萄紫", "slug": "app-purple-282-2", "tags": [ "活力", "紫" ], "scene": "备孕与经期管理", "advice": { "family": "紫", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合创意、美妆、内容、会员体系等偏感性的场景。", "avoid": "高饱和的紫容易显得浮夸，B 端与工具类产品要慎用。", "pair": "点缀一点金色，能强化它的高级感。" }, "source": "generated", "score": 94, "roles": { "primary": "#8d55a5", "primaryDark": "#663a78", "primaryLight": "#d2c6d7", "secondary": "#a97366", "accent": "#b0c757", "success": "#2fa761", "warning": "#eba314", "danger": "#d93b30", "text": "#272329", "bg": "#faf9fa" }, "contrast": { "textOnBg": { "ratio": 14.72, "level": "AAA" }, "primaryOnBg": { "ratio": 5.03, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-purple-282-2/", "json": "https://paletteget.com/zh/palette-list/app/app-purple-282-2/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-purple-282-2/index.css" }, { "id": "app-app-red-9-3", "name": "霜叶丹", "slug": "app-red-9-3", "tags": [ "莫兰迪", "红" ], "scene": "运动健身与跑步记录", "advice": { "family": "红", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "适合做强调色，而不是大面积主色：价格、促销、错误提示，还有需要第一眼就被看到的地方。", "avoid": "金融、医疗等需要稳定与信任感的场景要慎用，容易显得激进、有攻击性。", "pair": "与中性灰、白搭配最稳；把蓝色留给确认状态，红色只留给危险和重点。" }, "source": "generated", "score": 80, "roles": { "primary": "#b3766b", "primaryDark": "#915146", "primaryLight": "#e6dddb", "secondary": "#7cb6a2", "accent": "#57b6c7", "success": "#31af66", "warning": "#eba71e", "danger": "#db4439", "text": "#292423", "bg": "#fafaf9" }, "contrast": { "textOnBg": { "ratio": 14.67, "level": "AAA" }, "primaryOnBg": { "ratio": 3.51, "level": "AA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-red-9-3/", "json": "https://paletteget.com/zh/palette-list/app/app-red-9-3/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-red-9-3/index.css" }, { "id": "app-app-red-3-4", "name": "山楂红", "slug": "app-red-3-4", "tags": [ "日落", "红" ], "scene": "宠物医疗与疫苗", "advice": { "family": "红", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "天生带紧迫感，适合限时活动、行动号召按钮这类要推动用户马上做点什么的场合。", "avoid": "不要拿它做大块背景或长文本底色，大面积红会让人视觉疲劳。", "pair": "搭配低饱和的暖米色或深灰，能把红压住，保有分量又不吵闹。" }, "source": "generated", "score": 80, "roles": { "primary": "#bd827f", "primaryDark": "#a55450", "primaryLight": "#f2eded", "secondary": "#90bec1", "accent": "#57c1c7", "success": "#34b76a", "warning": "#ecab27", "danger": "#dc4c41", "text": "#292323", "bg": "#faf9f9" }, "contrast": { "textOnBg": { "ratio": 14.7, "level": "AAA" }, "primaryOnBg": { "ratio": 3, "level": "AA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-red-3-4/", "json": "https://paletteget.com/zh/palette-list/app/app-red-3-4/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-red-3-4/index.css" }, { "id": "app-app-chen-cui-107", "name": "草原绿", "slug": "app-chen-cui-107", "tags": [ "高级灰", "绿" ], "scene": "有声书与朗读", "advice": { "family": "绿", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "绿色的确认语义几乎是通用的，适合成功态与正向反馈。", "avoid": "偏黄的草绿容易显土，需要靠明度与饱和度仔细调校。", "pair": "配米白与暖灰更显质感，同色系深浅叠用比配第三色更稳。" }, "source": "generated", "score": 94, "roles": { "primary": "#40862d", "primaryDark": "#255219", "primaryLight": "#9ac98d", "secondary": "#784087", "accent": "#ba43db", "success": "#27a059", "warning": "#e69d0a", "danger": "#dc2b1e", "text": "#252923", "bg": "#fafaf9" }, "contrast": { "textOnBg": { "ratio": 14.16, "level": "AAA" }, "primaryOnBg": { "ratio": 4.31, "level": "AA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-chen-cui-107/", "json": "https://paletteget.com/zh/palette-list/app/app-chen-cui-107/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-chen-cui-107/index.css" }, { "id": "app-app-chen-fei-355", "name": "窑变红", "slug": "app-chen-fei-355", "tags": [ "冷静", "红" ], "scene": "发票与报销管理", "advice": { "family": "红", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合餐饮、零售、内容营销类场景，能有效刺激食欲与购买欲。", "avoid": "金融、医疗等需要稳定与信任感的场景要慎用，容易显得激进、有攻击性。", "pair": "与中性灰、白搭配最稳；把蓝色留给确认状态，红色只留给危险和重点。" }, "source": "generated", "score": 86, "roles": { "primary": "#a1363f", "primaryDark": "#6d2228", "primaryLight": "#d5a5a9", "secondary": "#52a04b", "accent": "#43db82", "success": "#29a85e", "warning": "#f0a30a", "danger": "#e13023", "text": "#292324", "bg": "#faf9f9" }, "contrast": { "textOnBg": { "ratio": 14.69, "level": "AAA" }, "primaryOnBg": { "ratio": 6.42, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-chen-fei-355/", "json": "https://paletteget.com/zh/palette-list/app/app-chen-fei-355/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-chen-fei-355/index.css" }, { "id": "app-app-chen-zi-273", "name": "雾霭紫", "slug": "app-chen-zi-273", "tags": [ "治愈", "紫" ], "scene": "菜谱与饮食记录", "advice": { "family": "紫", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合创意、美妆、内容、会员体系等偏感性的场景。", "avoid": "紫与红、蓝容易糊成一片，配色时要注意拉开明度差。", "pair": "配浅粉与米白更柔和，想沉稳就压深蓝。" }, "source": "generated", "score": 100, "roles": { "primary": "#833ebb", "primaryDark": "#5e2a89", "primaryLight": "#d0bde0", "secondary": "#b2605c", "accent": "#88db43", "success": "#2aac60", "warning": "#f5a70a", "danger": "#e23428", "text": "#272329", "bg": "#faf9fa" }, "contrast": { "textOnBg": { "ratio": 14.72, "level": "AAA" }, "primaryOnBg": { "ratio": 5.93, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-chen-zi-273/", "json": "https://paletteget.com/zh/palette-list/app/app-chen-zi-273/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-chen-zi-273/index.css" }, { "id": "app-app-zhong-zi-282", "name": "暮山紫", "slug": "app-zhong-zi-282", "tags": [ "赛博", "紫" ], "scene": "记账与家庭预算", "advice": { "family": "紫", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "紫色的尊贵语义适合会员、权益、稀缺类界面。", "avoid": "紫与红、蓝容易糊成一片，配色时要注意拉开明度差。", "pair": "配浅粉与米白更柔和，想沉稳就压深蓝。" }, "source": "generated", "score": 100, "roles": { "primary": "#a657c7", "primaryDark": "#8232a4", "primaryLight": "#e5d5eb", "secondary": "#afbe74", "accent": "#bcdb43", "success": "#2cb565", "warning": "#f5aa14", "danger": "#e33c31", "text": "#272329", "bg": "#faf9fa" }, "contrast": { "textOnBg": { "ratio": 14.72, "level": "AAA" }, "primaryOnBg": { "ratio": 4.16, "level": "AA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-zhong-zi-282/", "json": "https://paletteget.com/zh/palette-list/app/app-zhong-zi-282/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-zhong-zi-282/index.css" }, { "id": "app-app-chen-qing-159", "name": "青瓦绿", "slug": "app-chen-qing-159", "tags": [ "赛博", "绿" ], "scene": "婚礼筹备与清单", "advice": { "family": "绿", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "绿色的确认语义几乎是通用的，适合成功态与正向反馈。", "avoid": "在强调稀缺与促销的场合不够抓眼，别拿它做促销主色。", "pair": "点缀一点暖橘能打破绿色的冷感，让画面活起来。" }, "source": "generated", "score": 74, "roles": { "primary": "#57947e", "primaryDark": "#3a6959", "primaryLight": "#c0cec9", "secondary": "#5c99a3", "accent": "#c05d80", "success": "#31a561", "warning": "#e8a217", "danger": "#d73e33", "text": "#232927", "bg": "#f9fafa" }, "contrast": { "textOnBg": { "ratio": 14.16, "level": "AAA" }, "primaryOnBg": { "ratio": 3.38, "level": "AA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-chen-qing-159/", "json": "https://paletteget.com/zh/palette-list/app/app-chen-qing-159/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-chen-qing-159/index.css" }, { "id": "app-app-chen-cheng-18", "name": "焦糖橙", "slug": "app-chen-cheng-18", "tags": [ "清新", "橙" ], "scene": "阅读与笔记工具", "advice": { "family": "橙", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "用作次级强调很讨喜：比红温和、比黄可靠，适合引导而不过分命令。", "avoid": "大面积使用容易显廉价，需要专业感的 B 端产品里要克制。", "pair": "同色系里用深浅橙做层次，比再混入第三种彩色更耐看。" }, "source": "generated", "score": 86, "roles": { "primary": "#96411d", "primaryDark": "#5c2610", "primaryLight": "#d8997d", "secondary": "#337794", "accent": "#2eefc9", "success": "#22a559", "warning": "#e69d0a", "danger": "#e32416", "text": "#292523", "bg": "#fafaf9" }, "contrast": { "textOnBg": { "ratio": 14.54, "level": "AAA" }, "primaryOnBg": { "ratio": 6.55, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-chen-cheng-18/", "json": "https://paletteget.com/zh/palette-list/app/app-chen-cheng-18/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-chen-cheng-18/index.css" }, { "id": "app-app-chen-xing-42", "name": "焙茶橙", "slug": "app-chen-xing-42", "tags": [ "森林", "橙" ], "scene": "资产看板与负债", "advice": { "family": "橙", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合活力与亲和力优先的场景：外卖、社区、教育、生活服务类产品。", "avoid": "大面积使用容易显廉价，需要专业感的 B 端产品里要克制。", "pair": "同色系里用深浅橙做层次，比再混入第三种彩色更耐看。" }, "source": "generated", "score": 86, "roles": { "primary": "#b48822", "primaryDark": "#7a5c15", "primaryLight": "#e1cb99", "secondary": "#3caf8c", "accent": "#2e68ef", "success": "#24ae5d", "warning": "#f0a30a", "danger": "#e9291c", "text": "#292723", "bg": "#fafaf9" }, "contrast": { "textOnBg": { "ratio": 14.27, "level": "AAA" }, "primaryOnBg": { "ratio": 3.1, "level": "AA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-chen-xing-42/", "json": "https://paletteget.com/zh/palette-list/app/app-chen-xing-42/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-chen-xing-42/index.css" }, { "id": "app-app-zhong-zi-271", "name": "锦葵紫", "slug": "app-zhong-zi-271", "tags": [ "莫兰迪", "紫" ], "scene": "健康数据与用药提醒", "advice": { "family": "紫", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合创意、美妆、内容、会员体系等偏感性的场景。", "avoid": "紫与红、蓝容易糊成一片，配色时要注意拉开明度差。", "pair": "配浅粉与米白更柔和，想沉稳就压深蓝。" }, "source": "generated", "score": 100, "roles": { "primary": "#8028d2", "primaryDark": "#5c1a99", "primaryLight": "#d0b4e9", "secondary": "#c24cc0", "accent": "#8bef2e", "success": "#24b25f", "warning": "#f5a70a", "danger": "#e92e20", "text": "#262329", "bg": "#faf9fa" }, "contrast": { "textOnBg": { "ratio": 14.76, "level": "AAA" }, "primaryOnBg": { "ratio": 6.34, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-zhong-zi-271/", "json": "https://paletteget.com/zh/palette-list/app/app-zhong-zi-271/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-zhong-zi-271/index.css" }, { "id": "app-app-chen-hai-220", "name": "深潭蓝", "slug": "app-chen-hai-220", "tags": [ "日落", "蓝" ], "scene": "会议与日程协同", "advice": { "family": "蓝", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "最通用的主色：科技、金融、工具、企业服务等需要可信感的场景。", "avoid": "用得实在太普遍，容易没个性，需要靠辅色和排版做出差异。", "pair": "配深蓝做层次、配白做通透，是最不容易出错的两条路。" }, "source": "generated", "score": 100, "roles": { "primary": "#4376db", "primaryDark": "#1f53b7", "primaryLight": "#d0dbf1", "secondary": "#cb67bb", "accent": "#ef4d2e", "success": "#26ba64", "warning": "#f5aa14", "danger": "#ea362a", "text": "#232529", "bg": "#f9fafa" }, "contrast": { "textOnBg": { "ratio": 14.68, "level": "AAA" }, "primaryOnBg": { "ratio": 4.14, "level": "AA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-chen-hai-220/", "json": "https://paletteget.com/zh/palette-list/app/app-chen-hai-220/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-chen-hai-220/index.css" }, { "id": "app-app-zhong-mei-341", "name": "醉棠粉", "slug": "app-zhong-mei-341", "tags": [ "海洋", "粉" ], "scene": "菜谱收藏与采购", "advice": { "family": "粉", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "适合女性向、生活、社交、美妆类场景，亲和力强。", "avoid": "用量过大容易甜腻，高饱和时尤其明显。", "pair": "与灰、白搭配不会过于甜腻，点缀一点深莓紫能增加层次。" }, "source": "generated", "score": 86, "roles": { "primary": "#e05c86", "primaryDark": "#d1235a", "primaryLight": "#f8e7ed", "secondary": "#7ed38e", "accent": "#2eef52", "success": "#28c368", "warning": "#f6ae1e", "danger": "#eb3f33", "text": "#292325", "bg": "#faf9fa" }, "contrast": { "textOnBg": { "ratio": 14.69, "level": "AAA" }, "primaryOnBg": { "ratio": 3.31, "level": "AA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-zhong-mei-341/", "json": "https://paletteget.com/zh/palette-list/app/app-zhong-mei-341/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-zhong-mei-341/index.css" }, { "id": "app-app-chen-cui-112", "name": "苍山绿", "slug": "app-chen-cui-112", "tags": [ "自然", "绿" ], "scene": "驾照与违章查询", "advice": { "family": "绿", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合健康、环保、金融、增长类场景，天然带安全、通过的语义。", "avoid": "偏黄的草绿容易显土，需要靠明度与饱和度仔细调校。", "pair": "配米白与暖灰更显质感，同色系深浅叠用比配第三色更稳。" }, "source": "generated", "score": 88, "roles": { "primary": "#4c8b43", "primaryDark": "#305d2a", "primaryLight": "#aec7aa", "secondary": "#517a91", "accent": "#7f53cb", "success": "#2ca05c", "warning": "#e49d11", "danger": "#d93226", "text": "#242923", "bg": "#fafaf9" }, "contrast": { "textOnBg": { "ratio": 14.2, "level": "AAA" }, "primaryOnBg": { "ratio": 3.96, "level": "AA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-chen-cui-112/", "json": "https://paletteget.com/zh/palette-list/app/app-chen-cui-112/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-chen-cui-112/index.css" }, { "id": "app-app-chen-zi-271", "name": "风信紫", "slug": "app-chen-zi-271", "tags": [ "咖啡", "紫" ], "scene": "冥想与呼吸训练", "advice": { "family": "紫", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "紫色的尊贵语义适合会员、权益、稀缺类界面。", "avoid": "紫与红、蓝容易糊成一片，配色时要注意拉开明度差。", "pair": "配浅粉与米白更柔和，想沉稳就压深蓝。" }, "source": "generated", "score": 100, "roles": { "primary": "#63249e", "primaryDark": "#3e1565", "primaryLight": "#b48dd8", "secondary": "#9c3a9a", "accent": "#8cea34", "success": "#23a459", "warning": "#e69d0a", "danger": "#e12619", "text": "#262329", "bg": "#faf9fa" }, "contrast": { "textOnBg": { "ratio": 14.76, "level": "AAA" }, "primaryOnBg": { "ratio": 8.78, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/app/app-chen-zi-271/", "json": "https://paletteget.com/zh/palette-list/app/app-chen-zi-271/index.json", "css": "https://paletteget.com/zh/palette-list/app/app-chen-zi-271/index.css" } ], "web": [ { "id": "web-jing-hu-lan", "name": "静湖蓝", "slug": "jing-hu-lan", "tags": [ "商务", "极简", "Saas" ], "scene": "SaaS 后台 / 企业官网", "advice": { "family": "蓝", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "最通用的主色：科技、金融、工具、企业服务等需要可信感的场景。", "avoid": "用得实在太普遍，容易没个性，需要靠辅色和排版做出差异。", "pair": "配深蓝做层次、配白做通透，是最不容易出错的两条路。" }, "source": "preset", "score": 86, "roles": { "primary": "#2563eb", "primaryHover": "#1d4ed8", "primaryActive": "#1e40af", "textMain": "#0f172a", "textSub": "#64748b", "bg": "#ffffff", "surface": "#f8fafc", "border": "#e2e8f0", "link": "#0b41b9", "accent": "#f59e0b" }, "contrast": { "textOnBg": { "ratio": 17.85, "level": "AAA" }, "primaryOnBg": { "ratio": 5.17, "level": "AAA" }, "textOnSurface": { "ratio": 17.06, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/jing-hu-lan/", "json": "https://paletteget.com/zh/palette-list/web/jing-hu-lan/index.json", "css": "https://paletteget.com/zh/palette-list/web/jing-hu-lan/index.css" }, { "id": "web-zhu-mo-hong", "name": "朱墨红", "slug": "zhu-mo-hong", "tags": [ "国风", "浓烈", "高对比" ], "scene": "电商大促 / 品牌活动页", "advice": { "family": "红", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合餐饮、零售、内容营销类场景，能有效刺激食欲与购买欲。", "avoid": "金融、医疗等需要稳定与信任感的场景要慎用，容易显得激进、有攻击性。", "pair": "与中性灰、白搭配最稳；把蓝色留给确认状态，红色只留给危险和重点。" }, "source": "preset", "score": 86, "roles": { "primary": "#c1272d", "primaryHover": "#a01d23", "primaryActive": "#7f151a", "textMain": "#1a1414", "textSub": "#7a6a66", "bg": "#fffcf9", "surface": "#fff4ec", "border": "#eddcd2", "link": "#86151a", "accent": "#d4a017" }, "contrast": { "textOnBg": { "ratio": 17.8, "level": "AAA" }, "primaryOnBg": { "ratio": 5.71, "level": "AAA" }, "textOnSurface": { "ratio": 16.81, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/zhu-mo-hong/", "json": "https://paletteget.com/zh/palette-list/web/zhu-mo-hong/index.json", "css": "https://paletteget.com/zh/palette-list/web/zhu-mo-hong/index.css" }, { "id": "web-chen-wu-qing", "name": "晨雾青", "slug": "chen-wu-qing", "tags": [ "清新", "治愈", "低饱和" ], "scene": "内容博客 / 文档站", "advice": { "family": "青", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "介于蓝与绿之间，适合需要理性又轻盈的界面。", "avoid": "青色太弱会显得没有立场，需要靠辅色补足个性。", "pair": "与深蓝、石墨灰搭配稳妥，点缀一点暖橙能立刻提神。" }, "source": "preset", "score": 86, "roles": { "primary": "#0e9aa7", "primaryHover": "#0b7e89", "primaryActive": "#08626b", "textMain": "#1c2b2d", "textSub": "#5e7375", "bg": "#fbfdfc", "surface": "#eff7f6", "border": "#d5e5e3", "link": "#055c64", "accent": "#f2994a" }, "contrast": { "textOnBg": { "ratio": 14.35, "level": "AAA" }, "primaryOnBg": { "ratio": 3.32, "level": "AA" }, "textOnSurface": { "ratio": 13.47, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/chen-wu-qing/", "json": "https://paletteget.com/zh/palette-list/web/chen-wu-qing/index.json", "css": "https://paletteget.com/zh/palette-list/web/chen-wu-qing/index.css" }, { "id": "web-an-ye-zi", "name": "暗夜紫", "slug": "an-ye-zi", "tags": [ "暗黑", "科技", "赛博" ], "scene": "开发者工具 / 技术社区深色主题", "advice": { "family": "紫", "depth": "主色很浅，更适合做背景与容器，强调元素建议另配一个更深的颜色来承担。", "muted": null, "suit": "适合创意、美妆、内容、会员体系等偏感性的场景。", "avoid": "高饱和的紫容易显得浮夸，B 端与工具类产品要慎用。", "pair": "点缀一点金色，能强化它的高级感。" }, "source": "preset", "score": 80, "roles": { "primary": "#a78bfa", "primaryHover": "#8b6ef0", "primaryActive": "#6d4fd8", "textMain": "#ede9fe", "textSub": "#a29bc4", "bg": "#0f0d1a", "surface": "#1a1729", "border": "#2e2947", "link": "#6837fb", "accent": "#22d3ee" }, "contrast": { "textOnBg": { "ratio": 16.19, "level": "AAA" }, "primaryOnBg": { "ratio": 7.06, "level": "AAA" }, "textOnSurface": { "ratio": 14.76, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/an-ye-zi/", "json": "https://paletteget.com/zh/palette-list/web/an-ye-zi/index.json", "css": "https://paletteget.com/zh/palette-list/web/an-ye-zi/index.css" }, { "id": "web-mai-tang-jin", "name": "麦糖金", "slug": "mai-tang-jin", "tags": [ "复古", "温暖", "商务" ], "scene": "餐饮 / 生活方式品牌站", "advice": { "family": "橙", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "比红更放松、比黄更沉稳，适合需要亲近感又不想太跳的界面。", "avoid": "大面积使用容易显廉价，需要专业感的 B 端产品里要克制。", "pair": "同色系里用深浅橙做层次，比再混入第三种彩色更耐看。" }, "source": "preset", "score": 80, "roles": { "primary": "#b8860b", "primaryHover": "#96690a", "primaryActive": "#744e07", "textMain": "#2a2116", "textSub": "#7c6e58", "bg": "#fffdf7", "surface": "#fbf3e2", "border": "#eadfc6", "link": "#735303", "accent": "#8b5e3c" }, "contrast": { "textOnBg": { "ratio": 15.55, "level": "AAA" }, "primaryOnBg": { "ratio": 3.2, "level": "AA" }, "textOnSurface": { "ratio": 14.33, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/mai-tang-jin/", "json": "https://paletteget.com/zh/palette-list/web/mai-tang-jin/index.json", "css": "https://paletteget.com/zh/palette-list/web/mai-tang-jin/index.css" }, { "id": "web-web-blue-236-0", "name": "夜潮蓝", "slug": "web-blue-236-0", "tags": [ "商务", "蓝" ], "scene": "新闻资讯与专题页", "advice": { "family": "蓝", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "适合需要长时间注视的界面，蓝色对眼睛最友好。", "avoid": "用得实在太普遍，容易没个性，需要靠辅色和排版做出差异。", "pair": "配深蓝做层次、配白做通透，是最不容易出错的两条路。" }, "source": "generated", "score": 86, "roles": { "primary": "#0e18a4", "primaryHover": "#070d64", "primaryActive": "#03052b", "textMain": "#232429", "textSub": "#6a6b7c", "bg": "#f9f9fa", "surface": "#f4f4f6", "border": "#e3e4e8", "link": "#050b61", "accent": "#f2e42c" }, "contrast": { "textOnBg": { "ratio": 14.72, "level": "AAA" }, "primaryOnBg": { "ratio": 11.84, "level": "AAA" }, "textOnSurface": { "ratio": 14.1, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-blue-236-0/", "json": "https://paletteget.com/zh/palette-list/web/web-blue-236-0/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-blue-236-0/index.css" }, { "id": "web-web-pink-294-1", "name": "桃花粉", "slug": "web-pink-294-1", "tags": [ "治愈", "粉" ], "scene": "设计规范与组件库", "advice": { "family": "粉", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "做点缀时能软化整个界面，适合缓解生硬的工具感。", "avoid": "用量过大容易甜腻，高饱和时尤其明显。", "pair": "与灰、白搭配不会过于甜腻，点缀一点深莓紫能增加层次。" }, "source": "generated", "score": 86, "roles": { "primary": "#b311c5", "primaryHover": "#790986", "primaryActive": "#46044d", "textMain": "#292329", "textSub": "#7a6a7c", "bg": "#faf9fa", "surface": "#f6f4f6", "border": "#e7e3e8", "link": "#760783", "accent": "#3ff22c" }, "contrast": { "textOnBg": { "ratio": 14.63, "level": "AAA" }, "primaryOnBg": { "ratio": 5.26, "level": "AAA" }, "textOnSurface": { "ratio": 14.04, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-pink-294-1/", "json": "https://paletteget.com/zh/palette-list/web/web-pink-294-1/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-pink-294-1/index.css" }, { "id": "web-web-pink-326-2", "name": "胭脂粉", "slug": "web-pink-326-2", "tags": [ "复古", "粉" ], "scene": "品牌故事与团队页", "advice": { "family": "粉", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合需要温柔、年轻调性的产品。", "avoid": "在需要权威感的场景里慎用，容易削弱专业度。", "pair": "配深灰或黑反而更时髦，配白则更清新。" }, "source": "generated", "score": 86, "roles": { "primary": "#e6148a", "primaryHover": "#a70c63", "primaryActive": "#6f0641", "textMain": "#292327", "textSub": "#7c6a74", "bg": "#faf9fa", "surface": "#f6f4f5", "border": "#e8e3e6", "link": "#a50960", "accent": "#39f22c" }, "contrast": { "textOnBg": { "ratio": 14.66, "level": "AAA" }, "primaryOnBg": { "ratio": 4.14, "level": "AA" }, "textOnSurface": { "ratio": 14.06, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-pink-326-2/", "json": "https://paletteget.com/zh/palette-list/web/web-pink-326-2/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-pink-326-2/index.css" }, { "id": "web-web-cyan-194-3", "name": "冷泉青", "slug": "web-cyan-194-3", "tags": [ "莫兰迪", "青" ], "scene": "博客专栏与订阅页", "advice": { "family": "青", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "介于蓝与绿之间，适合需要理性又轻盈的界面。", "avoid": "青色太弱会显得没有立场，需要靠辅色补足个性。", "pair": "与深蓝、石墨灰搭配稳妥，点缀一点暖橙能立刻提神。" }, "source": "generated", "score": 86, "roles": { "primary": "#2698ba", "primaryHover": "#186981", "primaryActive": "#0d3f4e", "textMain": "#232829", "textSub": "#6a787c", "bg": "#f9fafa", "surface": "#f4f5f6", "border": "#e3e7e8", "link": "#15667f", "accent": "#ed3163" }, "contrast": { "textOnBg": { "ratio": 14.27, "level": "AAA" }, "primaryOnBg": { "ratio": 3.2, "level": "AA" }, "textOnSurface": { "ratio": 13.67, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-cyan-194-3/", "json": "https://paletteget.com/zh/palette-list/web/web-cyan-194-3/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-cyan-194-3/index.css" }, { "id": "web-web-purple-267-4", "name": "藤萝紫", "slug": "web-purple-267-4", "tags": [ "薄荷", "紫" ], "scene": "专业工具选购页", "advice": { "family": "紫", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "带一点高级感，适合希望与众不同的品牌。", "avoid": "高饱和的紫容易显得浮夸，B 端与工具类产品要慎用。", "pair": "点缀一点金色，能强化它的高级感。" }, "source": "generated", "score": 86, "roles": { "primary": "#964def", "primaryHover": "#6f10e5", "primaryActive": "#530aae", "textMain": "#262329", "textSub": "#726a7c", "bg": "#faf9fa", "surface": "#f5f4f6", "border": "#e5e3e8", "link": "#6d0de3", "accent": "#f2e72c" }, "contrast": { "textOnBg": { "ratio": 14.76, "level": "AAA" }, "primaryOnBg": { "ratio": 4.34, "level": "AA" }, "textOnSurface": { "ratio": 14.14, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-purple-267-4/", "json": "https://paletteget.com/zh/palette-list/web/web-purple-267-4/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-purple-267-4/index.css" }, { "id": "web-web-purple-282-0", "name": "暮云紫", "slug": "web-purple-282-0", "tags": [ "活力", "紫" ], "scene": "会员权益与订阅页", "advice": { "family": "紫", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "适合创意、美妆、内容、会员体系等偏感性的场景。", "avoid": "紫与红、蓝容易糊成一片，配色时要注意拉开明度差。", "pair": "配浅粉与米白更柔和，想沉稳就压深蓝。" }, "source": "generated", "score": 80, "roles": { "primary": "#653d76", "primaryHover": "#3d2348", "primaryActive": "#1a0e1f", "textMain": "#272329", "textSub": "#766a7c", "bg": "#faf9fa", "surface": "#f5f4f6", "border": "#e6e3e8", "link": "#3b2047", "accent": "#78c757" }, "contrast": { "textOnBg": { "ratio": 14.72, "level": "AAA" }, "primaryOnBg": { "ratio": 8.05, "level": "AAA" }, "textOnSurface": { "ratio": 14.1, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-purple-282-0/", "json": "https://paletteget.com/zh/palette-list/web/web-purple-282-0/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-purple-282-0/index.css" }, { "id": "web-web-red-9-1", "name": "榴火红", "slug": "web-red-9-1", "tags": [ "莫兰迪", "红" ], "scene": "在线教育课程页", "advice": { "family": "红", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合餐饮、零售、内容营销类场景，能有效刺激食欲与购买欲。", "avoid": "不要拿它做大块背景或长文本底色，大面积红会让人视觉疲劳。", "pair": "搭配低饱和的暖米色或深灰，能把红压住，保有分量又不吵闹。" }, "source": "generated", "score": 80, "roles": { "primary": "#8d5349", "primaryHover": "#60362e", "primaryActive": "#381e1a", "textMain": "#292423", "textSub": "#7c6c6a", "bg": "#fafaf9", "surface": "#f6f4f4", "border": "#e8e4e3", "link": "#5f322b", "accent": "#57c7a0" }, "contrast": { "textOnBg": { "ratio": 14.67, "level": "AAA" }, "primaryOnBg": { "ratio": 5.8, "level": "AAA" }, "textOnSurface": { "ratio": 13.98, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-red-9-1/", "json": "https://paletteget.com/zh/palette-list/web/web-red-9-1/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-red-9-1/index.css" }, { "id": "web-web-chen-cui-103", "name": "苔痕绿", "slug": "web-chen-cui-103", "tags": [ "冷静", "绿" ], "scene": "帮助中心与文档", "advice": { "family": "绿", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合健康、环保、金融、增长类场景，天然带安全、通过的语义。", "avoid": "在强调稀缺与促销的场合不够抓眼，别拿它做促销主色。", "pair": "点缀一点暖橘能打破绿色的冷感，让画面活起来。" }, "source": "generated", "score": 74, "roles": { "primary": "#669155", "primaryHover": "#456638", "primaryActive": "#2a3f21", "textMain": "#252923", "textSub": "#6f7c6a", "bg": "#fafaf9", "surface": "#f4f6f4", "border": "#e5e8e3", "link": "#426534", "accent": "#735dc0" }, "contrast": { "textOnBg": { "ratio": 14.16, "level": "AAA" }, "primaryOnBg": { "ratio": 3.5, "level": "AA" }, "textOnSurface": { "ratio": 13.62, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-chen-cui-103/", "json": "https://paletteget.com/zh/palette-list/web/web-chen-cui-103/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-chen-cui-103/index.css" }, { "id": "web-web-zhong-mei-336", "name": "烟粉砂", "slug": "web-zhong-mei-336", "tags": [ "森林", "粉" ], "scene": "社区论坛与问答", "advice": { "family": "粉", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "适合女性向、生活、社交、美妆类场景，亲和力强。", "avoid": "在需要权威感的场景里慎用，容易削弱专业度。", "pair": "配深灰或黑反而更时髦，配白则更清新。" }, "source": "generated", "score": 80, "roles": { "primary": "#b36b87", "primaryHover": "#914663", "primaryActive": "#693047", "textMain": "#292326", "textSub": "#7c6a71", "bg": "#faf9fa", "surface": "#f6f4f5", "border": "#e8e3e5", "link": "#914160", "accent": "#57c762" }, "contrast": { "textOnBg": { "ratio": 14.67, "level": "AAA" }, "primaryOnBg": { "ratio": 3.72, "level": "AA" }, "textOnSurface": { "ratio": 14.07, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-zhong-mei-336/", "json": "https://paletteget.com/zh/palette-list/web/web-zhong-mei-336/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-zhong-mei-336/index.css" }, { "id": "web-web-chen-cheng-30", "name": "陈皮橙", "slug": "web-chen-cheng-30", "tags": [ "科技", "橙" ], "scene": "企业官网首页", "advice": { "family": "橙", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合活力与亲和力优先的场景：外卖、社区、教育、生活服务类产品。", "avoid": "与高饱和的红、黄同场会互相抢戏，暖色最好只留一个主角。", "pair": "配深蓝能立刻变得稳重，配浅木色、米白则更有生活气息。" }, "source": "generated", "score": 74, "roles": { "primary": "#a88a6b", "primaryHover": "#846648", "primaryActive": "#5e4731", "textMain": "#292623", "textSub": "#7c736a", "bg": "#fafaf9", "surface": "#f6f5f4", "border": "#e8e6e3", "link": "#836443", "accent": "#5dc0c0" }, "contrast": { "textOnBg": { "ratio": 14.41, "level": "AAA" }, "primaryOnBg": { "ratio": 3.09, "level": "AA" }, "textOnSurface": { "ratio": 13.82, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-chen-cheng-30/", "json": "https://paletteget.com/zh/palette-list/web/web-chen-cheng-30/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-chen-cheng-30/index.css" }, { "id": "web-web-chen-xing-59", "name": "稻穗黄", "slug": "web-chen-xing-59", "tags": [ "冷静", "黄" ], "scene": "医疗健康信息页", "advice": { "family": "黄", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "适合做高亮与提示，是深色背景上最醒目的点缀色。", "avoid": "大量使用会显得刺眼廉价，偏绿味的黄尤其要小心。", "pair": "与深灰、藏青搭配最稳，在深色主题里它反而可以承担主要强调。" }, "source": "generated", "score": 86, "roles": { "primary": "#86852d", "primaryHover": "#525119", "primaryActive": "#24230a", "textMain": "#292923", "textSub": "#7c7c6a", "bg": "#fafaf9", "surface": "#f6f6f4", "border": "#e8e7e3", "link": "#504f17", "accent": "#4391db" }, "contrast": { "textOnBg": { "ratio": 14, "level": "AAA" }, "primaryOnBg": { "ratio": 3.72, "level": "AA" }, "textOnSurface": { "ratio": 13.52, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-chen-xing-59/", "json": "https://paletteget.com/zh/palette-list/web/web-chen-xing-59/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-chen-xing-59/index.css" }, { "id": "web-web-chen-cheng-18", "name": "榛果橙", "slug": "web-chen-cheng-18", "tags": [ "咖啡", "橙" ], "scene": "开源项目主页", "advice": { "family": "橙", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "用作次级强调很讨喜：比红温和、比黄可靠，适合引导而不过分命令。", "avoid": "与高饱和的红、黄同场会互相抢戏，暖色最好只留一个主角。", "pair": "配深蓝能立刻变得稳重，配浅木色、米白则更有生活气息。" }, "source": "generated", "score": 86, "roles": { "primary": "#a15636", "primaryHover": "#6d3822", "primaryActive": "#3f2012", "textMain": "#292523", "textSub": "#7c6f6a", "bg": "#fafaf9", "surface": "#f6f4f4", "border": "#e8e5e3", "link": "#6c361f", "accent": "#43dbbd" }, "contrast": { "textOnBg": { "ratio": 14.54, "level": "AAA" }, "primaryOnBg": { "ratio": 5.16, "level": "AAA" }, "textOnSurface": { "ratio": 13.86, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-chen-cheng-18/", "json": "https://paletteget.com/zh/palette-list/web/web-chen-cheng-18/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-chen-cheng-18/index.css" }, { "id": "web-web-chen-dian-234", "name": "青金蓝", "slug": "web-chen-dian-234", "tags": [ "薄荷", "蓝" ], "scene": "政府与公共服务页", "advice": { "family": "蓝", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合做深色主题的基础色，天然带沉稳与秩序感。", "avoid": "用得实在太普遍，容易没个性，需要靠辅色和排版做出差异。", "pair": "配深蓝做层次、配白做通透，是最不容易出错的两条路。" }, "source": "generated", "score": 86, "roles": { "primary": "#3e4bbb", "primaryHover": "#2a3389", "primaryActive": "#1a215b", "textMain": "#232429", "textSub": "#6a6b7c", "bg": "#f9f9fa", "surface": "#f4f4f6", "border": "#e3e4e8", "link": "#263087", "accent": "#db8043" }, "contrast": { "textOnBg": { "ratio": 14.72, "level": "AAA" }, "primaryOnBg": { "ratio": 6.81, "level": "AAA" }, "textOnSurface": { "ratio": 14.1, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-chen-dian-234/", "json": "https://paletteget.com/zh/palette-list/web/web-chen-dian-234/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-chen-dian-234/index.css" }, { "id": "web-web-zhong-zi-279", "name": "石楠紫", "slug": "web-zhong-zi-279", "tags": [ "清新", "紫" ], "scene": "招聘与雇主品牌页", "advice": { "family": "紫", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "紫色的尊贵语义适合会员、权益、稀缺类界面。", "avoid": "高饱和的紫容易显得浮夸，B 端与工具类产品要慎用。", "pair": "点缀一点金色，能强化它的高级感。" }, "source": "generated", "score": 86, "roles": { "primary": "#9f57c7", "primaryHover": "#7c32a4", "primaryActive": "#592277", "textMain": "#272329", "textSub": "#756a7c", "bg": "#faf9fa", "surface": "#f5f4f6", "border": "#e6e3e8", "link": "#7a2ea3", "accent": "#79db43" }, "contrast": { "textOnBg": { "ratio": 14.72, "level": "AAA" }, "primaryOnBg": { "ratio": 4.29, "level": "AA" }, "textOnSurface": { "ratio": 14.1, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-zhong-zi-279/", "json": "https://paletteget.com/zh/palette-list/web/web-zhong-zi-279/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-zhong-zi-279/index.css" }, { "id": "web-web-chen-qing-156", "name": "麦冬青", "slug": "web-chen-qing-156", "tags": [ "复古", "绿" ], "scene": "房产信息与看房页", "advice": { "family": "绿", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合需要传递舒缓与可信任感的产品，比如理财、医疗、健身。", "avoid": "在强调稀缺与促销的场合不够抓眼，别拿它做促销主色。", "pair": "点缀一点暖橘能打破绿色的冷感，让画面活起来。" }, "source": "generated", "score": 74, "roles": { "primary": "#57947c", "primaryHover": "#3a6957", "primaryActive": "#234336", "textMain": "#232927", "textSub": "#6a7c75", "bg": "#f9fafa", "surface": "#f4f6f5", "border": "#e3e8e6", "link": "#366955", "accent": "#c05d84" }, "contrast": { "textOnBg": { "ratio": 14.16, "level": "AAA" }, "primaryOnBg": { "ratio": 3.39, "level": "AA" }, "textOnSurface": { "ratio": 13.64, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-chen-qing-156/", "json": "https://paletteget.com/zh/palette-list/web/web-chen-qing-156/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-chen-qing-156/index.css" }, { "id": "web-web-chen-hai-202", "name": "松烟蓝", "slug": "web-chen-hai-202", "tags": [ "治愈", "蓝" ], "scene": "个人作品集主页", "advice": { "family": "蓝", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "适合做深色主题的基础色，天然带沉稳与秩序感。", "avoid": "冷蓝在需要热情与行动感的促销场景里偏冷静，激发力不足。", "pair": "与白、浅灰是安全组合，加一点暖色（橙或黄）做行动号召，对比更清晰。" }, "source": "generated", "score": 86, "roles": { "primary": "#1d6996", "primaryHover": "#10405c", "primaryActive": "#061b28", "textMain": "#232729", "textSub": "#6a757c", "bg": "#f9fafa", "surface": "#f4f5f6", "border": "#e3e6e8", "link": "#0e3d59", "accent": "#ef752e" }, "contrast": { "textOnBg": { "ratio": 14.41, "level": "AAA" }, "primaryOnBg": { "ratio": 5.72, "level": "AAA" }, "textOnSurface": { "ratio": 13.8, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-chen-hai-202/", "json": "https://paletteget.com/zh/palette-list/web/web-chen-hai-202/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-chen-hai-202/index.css" }, { "id": "web-web-zhong-hai-223", "name": "寒星蓝", "slug": "web-zhong-hai-223", "tags": [ "晨雾", "蓝" ], "scene": "案例与客户评价页", "advice": { "family": "蓝", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "最通用的主色：科技、金融、工具、企业服务等需要可信感的场景。", "avoid": "用得实在太普遍，容易没个性，需要靠辅色和排版做出差异。", "pair": "配深蓝做层次、配白做通透，是最不容易出错的两条路。" }, "source": "generated", "score": 86, "roles": { "primary": "#224bb4", "primaryHover": "#15317a", "primaryActive": "#0b1c47", "textMain": "#232529", "textSub": "#6a6f7c", "bg": "#f9fafa", "surface": "#f4f4f6", "border": "#e3e5e8", "link": "#122e78", "accent": "#ef582e" }, "contrast": { "textOnBg": { "ratio": 14.68, "level": "AAA" }, "primaryOnBg": { "ratio": 7.35, "level": "AAA" }, "textOnSurface": { "ratio": 13.97, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-zhong-hai-223/", "json": "https://paletteget.com/zh/palette-list/web/web-zhong-hai-223/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-zhong-hai-223/index.css" }, { "id": "web-web-chen-zi-273", "name": "落葵紫", "slug": "web-chen-zi-273", "tags": [ "治愈", "紫" ], "scene": "旅游行程与预订", "advice": { "family": "紫", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "紫色的尊贵语义适合会员、权益、稀缺类界面。", "avoid": "高饱和的紫容易显得浮夸，B 端与工具类产品要慎用。", "pair": "点缀一点金色，能强化它的高级感。" }, "source": "generated", "score": 86, "roles": { "primary": "#6418a3", "primaryHover": "#3e0d66", "primaryActive": "#1d0631", "textMain": "#272329", "textSub": "#746a7c", "bg": "#faf9fa", "surface": "#f5f4f6", "border": "#e6e3e8", "link": "#3b0b64", "accent": "#85f22c" }, "contrast": { "textOnBg": { "ratio": 14.72, "level": "AAA" }, "primaryOnBg": { "ratio": 9.08, "level": "AAA" }, "textOnSurface": { "ratio": 14.1, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-chen-zi-273/", "json": "https://paletteget.com/zh/palette-list/web/web-chen-zi-273/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-chen-zi-273/index.css" }, { "id": "web-web-zhong-zi-282", "name": "烟紫砂", "slug": "web-zhong-zi-282", "tags": [ "赛博", "紫" ], "scene": "会议活动落地页", "advice": { "family": "紫", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "紫色的尊贵语义适合会员、权益、稀缺类界面。", "avoid": "高饱和的紫容易显得浮夸，B 端与工具类产品要慎用。", "pair": "点缀一点金色，能强化它的高级感。" }, "source": "generated", "score": 86, "roles": { "primary": "#8f35b5", "primaryHover": "#642280", "primaryActive": "#3f1451", "textMain": "#272329", "textSub": "#766a7c", "bg": "#faf9fa", "surface": "#f5f4f6", "border": "#e6e3e8", "link": "#621f7f", "accent": "#c0e13d" }, "contrast": { "textOnBg": { "ratio": 14.72, "level": "AAA" }, "primaryOnBg": { "ratio": 5.98, "level": "AAA" }, "textOnSurface": { "ratio": 14.1, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-zhong-zi-282/", "json": "https://paletteget.com/zh/palette-list/web/web-zhong-zi-282/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-zhong-zi-282/index.css" }, { "id": "web-web-chen-hai-201", "name": "织锦蓝", "slug": "web-chen-hai-201", "tags": [ "低饱和", "蓝" ], "scene": "接口文档与参考", "advice": { "family": "蓝", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "适合做深色主题的基础色，天然带沉稳与秩序感。", "avoid": "用得实在太普遍，容易没个性，需要靠辅色和排版做出差异。", "pair": "配深蓝做层次、配白做通透，是最不容易出错的两条路。" }, "source": "generated", "score": 86, "roles": { "primary": "#196d9b", "primaryHover": "#0e435f", "primaryActive": "#051d2a", "textMain": "#232729", "textSub": "#6a767c", "bg": "#f9fafa", "surface": "#f4f5f6", "border": "#e3e6e8", "link": "#0b405c", "accent": "#f22c4a" }, "contrast": { "textOnBg": { "ratio": 14.41, "level": "AAA" }, "primaryOnBg": { "ratio": 5.42, "level": "AAA" }, "textOnSurface": { "ratio": 13.8, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-chen-hai-201/", "json": "https://paletteget.com/zh/palette-list/web/web-chen-hai-201/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-chen-hai-201/index.css" }, { "id": "web-web-zhong-hai-208", "name": "海雾蓝", "slug": "web-zhong-hai-208", "tags": [ "冷静", "蓝" ], "scene": "产品定价与购买页", "advice": { "family": "蓝", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合做深色主题的基础色，天然带沉稳与秩序感。", "avoid": "冷蓝在需要热情与行动感的促销场景里偏冷静，激发力不足。", "pair": "与白、浅灰是安全组合，加一点暖色（橙或黄）做行动号召，对比更清晰。" }, "source": "generated", "score": 86, "roles": { "primary": "#1989ea", "primaryHover": "#0d63af", "primaryActive": "#074377", "textMain": "#232629", "textSub": "#6a737c", "bg": "#f9fafa", "surface": "#f4f5f6", "border": "#e3e6e8", "link": "#0a61ad", "accent": "#f2882c" }, "contrast": { "textOnBg": { "ratio": 14.54, "level": "AAA" }, "primaryOnBg": { "ratio": 3.46, "level": "AA" }, "textOnSurface": { "ratio": 13.93, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/web/web-zhong-hai-208/", "json": "https://paletteget.com/zh/palette-list/web/web-zhong-hai-208/index.json", "css": "https://paletteget.com/zh/palette-list/web/web-zhong-hai-208/index.css" } ], "miniapp": [ { "id": "miniapp-sheng-xian-cheng", "name": "生鲜橙", "slug": "sheng-xian-cheng", "tags": [ "活力", "电商", "暖色" ], "scene": "社区团购 / 生鲜电商小程序", "advice": { "family": "橙", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "比红更放松、比黄更沉稳，适合需要亲近感又不想太跳的界面。", "avoid": "大面积使用容易显廉价，需要专业感的 B 端产品里要克制。", "pair": "同色系里用深浅橙做层次，比再混入第三种彩色更耐看。" }, "source": "preset", "score": 86, "roles": { "theme": "#e0551a", "btn": "#e0551a", "btnDisabled": "#fbc9b0", "bg": "#f7f8fa", "card": "#ffffff", "textMain": "#1f1f1f", "textSub": "#8a8a8a", "divider": "#ededed", "price": "#a61717", "tag": "#fff1eb" }, "contrast": { "textOnBg": { "ratio": 15.51, "level": "AAA" }, "primaryOnBg": { "ratio": 3.6, "level": "AA" }, "textOnSurface": { "ratio": 16.48, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/sheng-xian-cheng/", "json": "https://paletteget.com/zh/palette-list/miniapp/sheng-xian-cheng/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/sheng-xian-cheng/index.css" }, { "id": "miniapp-cha-yin-lv", "name": "茶饮绿", "slug": "cha-yin-lv", "tags": [ "清新", "治愈", "餐饮" ], "scene": "奶茶 / 咖啡点单小程序", "advice": { "family": "绿", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合需要传递舒缓与可信任感的产品，比如理财、医疗、健身。", "avoid": "在强调稀缺与促销的场合不够抓眼，别拿它做促销主色。", "pair": "点缀一点暖橘能打破绿色的冷感，让画面活起来。" }, "source": "preset", "score": 80, "roles": { "theme": "#4a9e6b", "btn": "#4a9e6b", "btnDisabled": "#b8dcc6", "bg": "#fafcfa", "card": "#ffffff", "textMain": "#1e2a22", "textSub": "#7c8b82", "divider": "#e6efe8", "price": "#d24529", "tag": "#edf6f0" }, "contrast": { "textOnBg": { "ratio": 14.45, "level": "AAA" }, "primaryOnBg": { "ratio": 3.19, "level": "AA" }, "textOnSurface": { "ratio": 14.9, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/cha-yin-lv/", "json": "https://paletteget.com/zh/palette-list/miniapp/cha-yin-lv/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/cha-yin-lv/index.css" }, { "id": "miniapp-shang-wu-lan", "name": "商务蓝", "slug": "shang-wu-lan", "tags": [ "商务", "极简", "工具" ], "scene": "企业服务 / 预约工具小程序", "advice": { "family": "蓝", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "最通用的主色：科技、金融、工具、企业服务等需要可信感的场景。", "avoid": "用得实在太普遍，容易没个性，需要靠辅色和排版做出差异。", "pair": "配深蓝做层次、配白做通透，是最不容易出错的两条路。" }, "source": "preset", "score": 86, "roles": { "theme": "#1e6fd9", "btn": "#1e6fd9", "btnDisabled": "#a7c8f0", "bg": "#f5f7fa", "card": "#ffffff", "textMain": "#16202e", "textSub": "#7a879b", "divider": "#e4e9f0", "price": "#df4020", "tag": "#eaf2fd" }, "contrast": { "textOnBg": { "ratio": 15.28, "level": "AAA" }, "primaryOnBg": { "ratio": 4.52, "level": "AAA" }, "textOnSurface": { "ratio": 16.4, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/shang-wu-lan/", "json": "https://paletteget.com/zh/palette-list/miniapp/shang-wu-lan/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/shang-wu-lan/index.css" }, { "id": "miniapp-mei-zhuang-fen", "name": "美妆粉", "slug": "mei-zhuang-fen", "tags": [ "温柔", "女性向", "美妆" ], "scene": "美妆 / 服饰 / 轻奢小程序", "advice": { "family": "粉", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "适合需要温柔、年轻调性的产品。", "avoid": "用量过大容易甜腻，高饱和时尤其明显。", "pair": "与灰、白搭配不会过于甜腻，点缀一点深莓紫能增加层次。" }, "source": "preset", "score": 86, "roles": { "theme": "#d96a8f", "btn": "#d96a8f", "btnDisabled": "#f2c3d3", "bg": "#fdf8fa", "card": "#ffffff", "textMain": "#2b1f25", "textSub": "#9a8089", "divider": "#f0e2e8", "price": "#de5438", "tag": "#fbeaf1" }, "contrast": { "textOnBg": { "ratio": 15.08, "level": "AAA" }, "primaryOnBg": { "ratio": 3.12, "level": "AA" }, "textOnSurface": { "ratio": 15.84, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/mei-zhuang-fen/", "json": "https://paletteget.com/zh/palette-list/miniapp/mei-zhuang-fen/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/mei-zhuang-fen/index.css" }, { "id": "miniapp-chong-wu-zi", "name": "宠物紫", "slug": "chong-wu-zi", "tags": [ "活力", "可爱", "宠粉" ], "scene": "宠物服务 / 兴趣电商小程序", "advice": { "family": "蓝", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "适合做深色主题的基础色，天然带沉稳与秩序感。", "avoid": "用得实在太普遍，容易没个性，需要靠辅色和排版做出差异。", "pair": "配深蓝做层次、配白做通透，是最不容易出错的两条路。" }, "source": "preset", "score": 86, "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" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/chong-wu-zi/", "json": "https://paletteget.com/zh/palette-list/miniapp/chong-wu-zi/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/chong-wu-zi/index.css" }, { "id": "miniapp-miniapp-pink-342-0", "name": "芍药粉", "slug": "miniapp-pink-342-0", "tags": [ "赛博", "粉" ], "scene": "闲置图书与漂流", "advice": { "family": "粉", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合女性向、生活、社交、美妆类场景，亲和力强。", "avoid": "在需要权威感的场景里慎用，容易削弱专业度。", "pair": "配深灰或黑反而更时髦，配白则更清新。" }, "source": "generated", "score": 86, "roles": { "theme": "#d2285c", "btn": "#d2285c", "btnDisabled": "#e9b4c4", "bg": "#faf9fa", "card": "#f6f4f4", "textMain": "#292325", "textSub": "#7c6a6f", "divider": "#e8e3e5", "price": "#de4223", "tag": "#70c24c" }, "contrast": { "textOnBg": { "ratio": 14.69, "level": "AAA" }, "primaryOnBg": { "ratio": 4.76, "level": "AAA" }, "textOnSurface": { "ratio": 14.08, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-pink-342-0/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-pink-342-0/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-pink-342-0/index.css" }, { "id": "miniapp-miniapp-pink-323-1", "name": "桃夭粉", "slug": "miniapp-pink-323-1", "tags": [ "莓果", "粉" ], "scene": "美发美甲预约", "advice": { "family": "粉", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "适合需要温柔、年轻调性的产品。", "avoid": "在需要权威感的场景里慎用，容易削弱专业度。", "pair": "配深灰或黑反而更时髦，配白则更清新。" }, "source": "generated", "score": 86, "roles": { "theme": "#db43a1", "btn": "#db43a1", "btnDisabled": "#f1d0e4", "bg": "#faf9fa", "card": "#f6f4f5", "textMain": "#292327", "textSub": "#7c6a75", "divider": "#e8e3e6", "price": "#df4a2c", "tag": "#cbbf67" }, "contrast": { "textOnBg": { "ratio": 14.66, "level": "AAA" }, "primaryOnBg": { "ratio": 3.75, "level": "AA" }, "textOnSurface": { "ratio": 14.06, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-pink-323-1/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-pink-323-1/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-pink-323-1/index.css" }, { "id": "miniapp-miniapp-orange-24-2", "name": "暖阳橙", "slug": "miniapp-orange-24-2", "tags": [ "莫兰迪", "橙" ], "scene": "教育培训报名", "advice": { "family": "橙", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "比红更放松、比黄更沉稳，适合需要亲近感又不想太跳的界面。", "avoid": "与高饱和的红、黄同场会互相抢戏，暖色最好只留一个主角。", "pair": "配深蓝能立刻变得稳重，配浅木色、米白则更有生活气息。" }, "source": "generated", "score": 86, "roles": { "theme": "#cb7c48", "btn": "#cb7c48", "btnDisabled": "#ead8cc", "bg": "#fafaf9", "card": "#f6f5f4", "textMain": "#292623", "textSub": "#7c716a", "divider": "#e8e5e3", "price": "#b71f1f", "tag": "#71bf69" }, "contrast": { "textOnBg": { "ratio": 14.41, "level": "AAA" }, "primaryOnBg": { "ratio": 3.09, "level": "AA" }, "textOnSurface": { "ratio": 13.82, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-orange-24-2/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-orange-24-2/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-orange-24-2/index.css" }, { "id": "miniapp-miniapp-purple-267-3", "name": "檀紫砂", "slug": "miniapp-purple-267-3", "tags": [ "清新", "紫" ], "scene": "本地生活优惠券", "advice": { "family": "紫", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "紫色的尊贵语义适合会员、权益、稀缺类界面。", "avoid": "紫与红、蓝容易糊成一片，配色时要注意拉开明度差。", "pair": "配浅粉与米白更柔和，想沉稳就压深蓝。" }, "source": "generated", "score": 86, "roles": { "theme": "#520ea4", "btn": "#520ea4", "btnDisabled": "#a570e6", "bg": "#faf9fa", "card": "#f5f4f6", "textMain": "#262329", "textSub": "#726a7c", "divider": "#e5e3e8", "price": "#d0391b", "tag": "#9a27a0" }, "contrast": { "textOnBg": { "ratio": 14.76, "level": "AAA" }, "primaryOnBg": { "ratio": 10.21, "level": "AAA" }, "textOnSurface": { "ratio": 14.14, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-purple-267-3/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-purple-267-3/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-purple-267-3/index.css" }, { "id": "miniapp-miniapp-blue-200-4", "name": "雪岭蓝", "slug": "miniapp-blue-200-4", "tags": [ "高级灰", "蓝" ], "scene": "企业团建与聚会", "advice": { "family": "蓝", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "最通用的主色：科技、金融、工具、企业服务等需要可信感的场景。", "avoid": "冷蓝在需要热情与行动感的促销场景里偏冷静，激发力不足。", "pair": "与白、浅灰是安全组合，加一点暖色（橙或黄）做行动号召，对比更清晰。" }, "source": "generated", "score": 86, "roles": { "theme": "#1189c5", "btn": "#1189c5", "btnDisabled": "#8ecceb", "bg": "#f9fafa", "card": "#f4f5f6", "textMain": "#232729", "textSub": "#6a767c", "divider": "#e3e6e8", "price": "#d93c1c", "tag": "#bc2e8d" }, "contrast": { "textOnBg": { "ratio": 14.41, "level": "AAA" }, "primaryOnBg": { "ratio": 3.71, "level": "AA" }, "textOnSurface": { "ratio": 13.8, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-blue-200-4/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-blue-200-4/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-blue-200-4/index.css" }, { "id": "miniapp-miniapp-red-3-0", "name": "丹枫红", "slug": "miniapp-red-3-0", "tags": [ "日落", "红" ], "scene": "家宴订餐与派送", "advice": { "family": "红", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合做强调色，而不是大面积主色：价格、促销、错误提示，还有需要第一眼就被看到的地方。", "avoid": "金融、医疗等需要稳定与信任感的场景要慎用，容易显得激进、有攻击性。", "pair": "与中性灰、白搭配最稳；把蓝色留给确认状态，红色只留给危险和重点。" }, "source": "generated", "score": 86, "roles": { "theme": "#e61e14", "btn": "#e61e14", "btnDisabled": "#f0b0ad", "bg": "#faf9f9", "card": "#f6f4f4", "textMain": "#292323", "textSub": "#7c6a6a", "divider": "#e8e4e3", "price": "#a71616", "tag": "#80d03f" }, "contrast": { "textOnBg": { "ratio": 14.7, "level": "AAA" }, "primaryOnBg": { "ratio": 4.38, "level": "AA" }, "textOnSurface": { "ratio": 14.1, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-red-3-0/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-red-3-0/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-red-3-0/index.css" }, { "id": "miniapp-miniapp-blue-236-1", "name": "湖心蓝", "slug": "miniapp-blue-236-1", "tags": [ "商务", "蓝" ], "scene": "社团活动与招新", "advice": { "family": "蓝", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "适合需要长时间注视的界面，蓝色对眼睛最友好。", "avoid": "冷蓝在需要热情与行动感的促销场景里偏冷静，激发力不足。", "pair": "与白、浅灰是安全组合，加一点暖色（橙或黄）做行动号召，对比更清晰。" }, "source": "generated", "score": 86, "roles": { "theme": "#313ded", "btn": "#313ded", "btnDisabled": "#cbcef6", "bg": "#f9f9fa", "card": "#f4f4f6", "textMain": "#232429", "textSub": "#6a6b7c", "divider": "#e3e4e8", "price": "#e34829", "tag": "#d7ce5b" }, "contrast": { "textOnBg": { "ratio": 14.72, "level": "AAA" }, "primaryOnBg": { "ratio": 6.61, "level": "AAA" }, "textOnSurface": { "ratio": 14.1, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-blue-236-1/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-blue-236-1/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-blue-236-1/index.css" }, { "id": "miniapp-miniapp-chen-xing-49", "name": "暖玉黄", "slug": "miniapp-chen-xing-49", "tags": [ "晨雾", "黄" ], "scene": "宠物寄养与洗护", "advice": { "family": "黄", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合强调新增和注意，但它应该是点缀，而不是主角。", "avoid": "纯黄放在白底上对比度通常不达标，绝不能用来做小字号正文。", "pair": "配黑色能做出强烈的警示感，配棕或咖色则更复古。" }, "source": "generated", "score": 86, "roles": { "theme": "#a58f31", "btn": "#a58f31", "btnDisabled": "#d7cda2", "bg": "#fafaf9", "card": "#f6f5f4", "textMain": "#292823", "textSub": "#7c786a", "divider": "#e8e7e3", "price": "#d24124", "tag": "#48a364" }, "contrast": { "textOnBg": { "ratio": 14.14, "level": "AAA" }, "primaryOnBg": { "ratio": 3.06, "level": "AA" }, "textOnSurface": { "ratio": 13.56, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-xing-49/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-xing-49/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-xing-49/index.css" }, { "id": "miniapp-miniapp-zhong-zi-272", "name": "青莲紫", "slug": "miniapp-zhong-zi-272", "tags": [ "温柔", "紫" ], "scene": "社区物业与报修", "advice": { "family": "紫", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "适合创意、美妆、内容、会员体系等偏感性的场景。", "avoid": "紫与红、蓝容易糊成一片，配色时要注意拉开明度差。", "pair": "配浅粉与米白更柔和，想沉稳就压深蓝。" }, "source": "generated", "score": 80, "roles": { "theme": "#5b3d76", "btn": "#5b3d76", "btnDisabled": "#ac9cba", "bg": "#faf9fa", "card": "#f5f4f6", "textMain": "#262329", "textSub": "#736a7c", "divider": "#e6e3e8", "price": "#c44228", "tag": "#7f6548" }, "contrast": { "textOnBg": { "ratio": 14.76, "level": "AAA" }, "primaryOnBg": { "ratio": 8.42, "level": "AAA" }, "textOnSurface": { "ratio": 14.14, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-zhong-zi-272/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-zhong-zi-272/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-zhong-zi-272/index.css" }, { "id": "miniapp-miniapp-chen-hai-218", "name": "靛蓝调", "slug": "miniapp-chen-hai-218", "tags": [ "活力", "蓝" ], "scene": "共享单车与停车", "advice": { "family": "蓝", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "最通用的主色：科技、金融、工具、企业服务等需要可信感的场景。", "avoid": "用得实在太普遍，容易没个性，需要靠辅色和排版做出差异。", "pair": "配深蓝做层次、配白做通透，是最不容易出错的两条路。" }, "source": "generated", "score": 80, "roles": { "theme": "#49628d", "btn": "#49628d", "btnDisabled": "#b1b9c9", "bg": "#f9fafa", "card": "#f4f5f6", "textMain": "#232529", "textSub": "#6a707c", "divider": "#e3e5e8", "price": "#cc4529", "tag": "#967e54" }, "contrast": { "textOnBg": { "ratio": 14.68, "level": "AAA" }, "primaryOnBg": { "ratio": 5.88, "level": "AAA" }, "textOnSurface": { "ratio": 14.06, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-hai-218/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-hai-218/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-hai-218/index.css" }, { "id": "miniapp-miniapp-chen-zi-278", "name": "夜昙紫", "slug": "miniapp-chen-zi-278", "tags": [ "商务", "紫" ], "scene": "社区团购与拼单", "advice": { "family": "紫", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合创意、美妆、内容、会员体系等偏感性的场景。", "avoid": "紫与红、蓝容易糊成一片，配色时要注意拉开明度差。", "pair": "配浅粉与米白更柔和，想沉稳就压深蓝。" }, "source": "generated", "score": 80, "roles": { "theme": "#8755a5", "btn": "#8755a5", "btnDisabled": "#d1c6d7", "bg": "#faf9fa", "card": "#f5f4f6", "textMain": "#272329", "textSub": "#756a7c", "divider": "#e6e3e8", "price": "#d4482c", "tag": "#a99066" }, "contrast": { "textOnBg": { "ratio": 14.72, "level": "AAA" }, "primaryOnBg": { "ratio": 5.16, "level": "AAA" }, "textOnSurface": { "ratio": 14.1, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-zi-278/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-zi-278/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-zi-278/index.css" }, { "id": "miniapp-miniapp-zhong-fei-13", "name": "林檎红", "slug": "miniapp-zhong-fei-13", "tags": [ "高对比", "红" ], "scene": "健身私教与团课", "advice": { "family": "红", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "适合做强调色，而不是大面积主色：价格、促销、错误提示，还有需要第一眼就被看到的地方。", "avoid": "金融、医疗等需要稳定与信任感的场景要慎用，容易显得激进、有攻击性。", "pair": "与中性灰、白搭配最稳；把蓝色留给确认状态，红色只留给危险和重点。" }, "source": "generated", "score": 80, "roles": { "theme": "#b37a6b", "btn": "#b37a6b", "btnDisabled": "#e6dddb", "bg": "#fafaf9", "card": "#f6f4f4", "textMain": "#292523", "textSub": "#7c6e6a", "divider": "#e8e4e3", "price": "#bb2626", "tag": "#7cb689" }, "contrast": { "textOnBg": { "ratio": 14.54, "level": "AAA" }, "primaryOnBg": { "ratio": 3.4, "level": "AA" }, "textOnSurface": { "ratio": 13.86, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-zhong-fei-13/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-zhong-fei-13/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-zhong-fei-13/index.css" }, { "id": "miniapp-miniapp-chen-xia-316", "name": "紫薇粉", "slug": "miniapp-chen-xia-316", "tags": [ "清新", "粉" ], "scene": "健身约课与打卡", "advice": { "family": "粉", "depth": "主色偏亮，适合大面积铺底，记得用更深的文字色与边框保证正文对比度。", "muted": null, "suit": "适合需要温柔、年轻调性的产品。", "avoid": "用量过大容易甜腻，高饱和时尤其明显。", "pair": "与灰、白搭配不会过于甜腻，点缀一点深莓紫能增加层次。" }, "source": "generated", "score": 74, "roles": { "theme": "#b078a1", "btn": "#b078a1", "btnDisabled": "#e9e2e7", "bg": "#faf9fa", "card": "#f6f4f5", "textMain": "#292328", "textSub": "#7c6a77", "divider": "#e8e3e6", "price": "#d55339", "tag": "#abb983" }, "contrast": { "textOnBg": { "ratio": 14.65, "level": "AAA" }, "primaryOnBg": { "ratio": 3.31, "level": "AA" }, "textOnSurface": { "ratio": 14.05, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-xia-316/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-xia-316/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-xia-316/index.css" }, { "id": "miniapp-miniapp-chen-qing-163", "name": "榆荫绿", "slug": "miniapp-chen-qing-163", "tags": [ "莓果", "绿" ], "scene": "汽车服务与保养", "advice": { "family": "绿", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "适合需要传递舒缓与可信任感的产品，比如理财、医疗、健身。", "avoid": "在强调稀缺与促销的场合不够抓眼，别拿它做促销主色。", "pair": "点缀一点暖橘能打破绿色的冷感，让画面活起来。" }, "source": "generated", "score": 86, "roles": { "theme": "#2d866d", "btn": "#2d866d", "btnDisabled": "#8dc9b8", "bg": "#f9fafa", "card": "#f4f6f5", "textMain": "#232928", "textSub": "#6a7c77", "divider": "#e3e8e6", "price": "#c83f23", "tag": "#874053" }, "contrast": { "textOnBg": { "ratio": 14.15, "level": "AAA" }, "primaryOnBg": { "ratio": 4.23, "level": "AA" }, "textOnSurface": { "ratio": 13.63, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-qing-163/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-qing-163/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-qing-163/index.css" }, { "id": "miniapp-miniapp-chen-dian-242", "name": "窑青蓝", "slug": "miniapp-chen-dian-242", "tags": [ "日落", "蓝" ], "scene": "鲜花预订与配送", "advice": { "family": "蓝", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合做深色主题的基础色，天然带沉稳与秩序感。", "avoid": "冷蓝在需要热情与行动感的促销场景里偏冷静，激发力不足。", "pair": "与白、浅灰是安全组合，加一点暖色（橙或黄）做行动号召，对比更清晰。" }, "source": "generated", "score": 86, "roles": { "theme": "#3936a1", "btn": "#3936a1", "btnDisabled": "#a6a5d5", "bg": "#f9f9fa", "card": "#f4f4f6", "textMain": "#232329", "textSub": "#6a6a7c", "divider": "#e4e3e8", "price": "#d14225", "tag": "#a0784b" }, "contrast": { "textOnBg": { "ratio": 14.85, "level": "AAA" }, "primaryOnBg": { "ratio": 9.01, "level": "AAA" }, "textOnSurface": { "ratio": 14.23, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-dian-242/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-dian-242/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-dian-242/index.css" }, { "id": "miniapp-miniapp-chen-cui-136", "name": "水杉绿", "slug": "miniapp-chen-cui-136", "tags": [ "商务", "绿" ], "scene": "药店购药与配送", "advice": { "family": "绿", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合健康、环保、金融、增长类场景，天然带安全、通过的语义。", "avoid": "在强调稀缺与促销的场合不够抓眼，别拿它做促销主色。", "pair": "点缀一点暖橘能打破绿色的冷感，让画面活起来。" }, "source": "generated", "score": 80, "roles": { "theme": "#419056", "btn": "#419056", "btnDisabled": "#aacbb2", "bg": "#f9fafa", "card": "#f4f6f4", "textMain": "#232925", "textSub": "#6a7c6e", "divider": "#e3e8e5", "price": "#cd4328", "tag": "#536293" }, "contrast": { "textOnBg": { "ratio": 14.19, "level": "AAA" }, "primaryOnBg": { "ratio": 3.75, "level": "AA" }, "textOnSurface": { "ratio": 13.66, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-cui-136/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-cui-136/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-cui-136/index.css" }, { "id": "miniapp-miniapp-chen-cui-98", "name": "薄荷绿", "slug": "miniapp-chen-cui-98", "tags": [ "冷静", "绿" ], "scene": "牙齿矫正与洗牙", "advice": { "family": "绿", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合需要传递舒缓与可信任感的产品，比如理财、医疗、健身。", "avoid": "偏黄的草绿容易显土，需要靠明度与饱和度仔细调校。", "pair": "配米白与暖灰更显质感，同色系深浅叠用比配第三色更稳。" }, "source": "generated", "score": 80, "roles": { "theme": "#67944c", "btn": "#67944c", "btnDisabled": "#bfcdb7", "bg": "#fafaf9", "card": "#f5f6f4", "textMain": "#252923", "textSub": "#707c6a", "divider": "#e5e8e3", "price": "#cf452a", "tag": "#589d61" }, "contrast": { "textOnBg": { "ratio": 14.16, "level": "AAA" }, "primaryOnBg": { "ratio": 3.4, "level": "AA" }, "textOnSurface": { "ratio": 13.64, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-cui-98/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-cui-98/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-cui-98/index.css" }, { "id": "miniapp-miniapp-zhong-xia-303", "name": "木槿粉", "slug": "miniapp-zhong-xia-303", "tags": [ "高对比", "粉" ], "scene": "洗衣洗护下单", "advice": { "family": "粉", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "做点缀时能软化整个界面，适合缓解生硬的工具感。", "avoid": "用量过大容易甜腻，高饱和时尤其明显。", "pair": "与灰、白搭配不会过于甜腻，点缀一点深莓紫能增加层次。" }, "source": "generated", "score": 80, "roles": { "theme": "#f221e7", "btn": "#f221e7", "btnDisabled": "#f6c0f3", "bg": "#faf9fa", "card": "#f6f4f6", "textMain": "#292329", "textSub": "#7c6a7b", "divider": "#e8e3e7", "price": "#e44424", "tag": "#d89b4f" }, "contrast": { "textOnBg": { "ratio": 14.63, "level": "AAA" }, "primaryOnBg": { "ratio": 3.25, "level": "AA" }, "textOnSurface": { "ratio": 14.04, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-zhong-xia-303/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-zhong-xia-303/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-zhong-xia-303/index.css" }, { "id": "miniapp-miniapp-chen-qing-151", "name": "青苹绿", "slug": "miniapp-chen-qing-151", "tags": [ "国风", "绿" ], "scene": "票务与演出购票", "advice": { "family": "绿", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合健康、环保、金融、增长类场景，天然带安全、通过的语义。", "avoid": "偏黄的草绿容易显土，需要靠明度与饱和度仔细调校。", "pair": "配米白与暖灰更显质感，同色系深浅叠用比配第三色更稳。" }, "source": "generated", "score": 80, "roles": { "theme": "#3ea171", "btn": "#3ea171", "btnDisabled": "#afd4c2", "bg": "#f9fafa", "card": "#f4f6f5", "textMain": "#232926", "textSub": "#6a7c73", "divider": "#e3e8e6", "price": "#d24327", "tag": "#5453a0" }, "contrast": { "textOnBg": { "ratio": 14.18, "level": "AAA" }, "primaryOnBg": { "ratio": 3.07, "level": "AA" }, "textOnSurface": { "ratio": 13.66, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-qing-151/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-qing-151/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-qing-151/index.css" }, { "id": "miniapp-miniapp-zhong-fei-7", "name": "砖瓦红", "slug": "miniapp-zhong-fei-7", "tags": [ "莫兰迪", "红" ], "scene": "体检套餐与报告", "advice": { "family": "红", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合餐饮、零售、内容营销类场景，能有效刺激食欲与购买欲。", "avoid": "不要拿它做大块背景或长文本底色，大面积红会让人视觉疲劳。", "pair": "搭配低饱和的暖米色或深灰，能把红压住，保有分量又不吵闹。" }, "source": "generated", "score": 86, "roles": { "theme": "#c34837", "btn": "#c34837", "btnDisabled": "#e3bfbb", "bg": "#fafaf9", "card": "#f6f4f4", "textMain": "#292423", "textSub": "#7c6c6a", "divider": "#e8e4e3", "price": "#a21b1b", "tag": "#57acb8" }, "contrast": { "textOnBg": { "ratio": 14.67, "level": "AAA" }, "primaryOnBg": { "ratio": 4.67, "level": "AAA" }, "textOnSurface": { "ratio": 13.98, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-zhong-fei-7/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-zhong-fei-7/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-zhong-fei-7/index.css" }, { "id": "miniapp-miniapp-chen-mei-324", "name": "芙蓉粉", "slug": "miniapp-chen-mei-324", "tags": [ "莓果", "粉" ], "scene": "宠物医院与疫苗", "advice": { "family": "粉", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "做点缀时能软化整个界面，适合缓解生硬的工具感。", "avoid": "用量过大容易甜腻，高饱和时尤其明显。", "pair": "与灰、白搭配不会过于甜腻，点缀一点深莓紫能增加层次。" }, "source": "generated", "score": 86, "roles": { "theme": "#b8247d", "btn": "#b8247d", "btnDisabled": "#e19dc6", "bg": "#faf9fa", "card": "#f6f4f5", "textMain": "#292327", "textSub": "#7c6a75", "divider": "#e8e3e6", "price": "#d73f21", "tag": "#b23e49" }, "contrast": { "textOnBg": { "ratio": 14.66, "level": "AAA" }, "primaryOnBg": { "ratio": 5.58, "level": "AAA" }, "textOnSurface": { "ratio": 14.06, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-mei-324/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-mei-324/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-mei-324/index.css" }, { "id": "miniapp-miniapp-chen-zi-279", "name": "凝霜紫", "slug": "miniapp-chen-zi-279", "tags": [ "温柔", "紫" ], "scene": "充电洗车与养护", "advice": { "family": "紫", "depth": "这套配色的主色偏深、分量感强，适合深色主题，或需要传递专业、稳重印象的界面。", "muted": null, "suit": "适合创意、美妆、内容、会员体系等偏感性的场景。", "avoid": "高饱和的紫容易显得浮夸，B 端与工具类产品要慎用。", "pair": "点缀一点金色，能强化它的高级感。" }, "source": "generated", "score": 86, "roles": { "theme": "#7216a4", "btn": "#7216a4", "btnDisabled": "#be7ce1", "bg": "#faf9fa", "card": "#f5f4f6", "textMain": "#272329", "textSub": "#766a7c", "divider": "#e6e3e8", "price": "#d03b1d", "tag": "#a0782f" }, "contrast": { "textOnBg": { "ratio": 14.72, "level": "AAA" }, "primaryOnBg": { "ratio": 8.45, "level": "AAA" }, "textOnSurface": { "ratio": 14.1, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-zi-279/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-zi-279/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-zi-279/index.css" }, { "id": "miniapp-miniapp-chen-xing-51", "name": "酥油黄", "slug": "miniapp-chen-xing-51", "tags": [ "商务", "黄" ], "scene": "兼职与实习招募", "advice": { "family": "黄", "depth": "主色明度居中，兼容性最好，浅色与深色主题都容易适配。", "muted": null, "suit": "适合强调新增和注意，但它应该是点缀，而不是主角。", "avoid": "大量使用会显得刺眼廉价，偏绿味的黄尤其要小心。", "pair": "与深灰、藏青搭配最稳，在深色主题里它反而可以承担主要强调。" }, "source": "generated", "score": 80, "roles": { "theme": "#988c46", "btn": "#988c46", "btnDisabled": "#cfcbb3", "bg": "#fafaf9", "card": "#f6f6f4", "textMain": "#292823", "textSub": "#7c796a", "divider": "#e8e7e3", "price": "#d04428", "tag": "#57629b" }, "contrast": { "textOnBg": { "ratio": 14.14, "level": "AAA" }, "primaryOnBg": { "ratio": 3.26, "level": "AA" }, "textOnSurface": { "ratio": 13.65, "level": "AAA" } }, "page": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-xing-51/", "json": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-xing-51/index.json", "css": "https://paletteget.com/zh/palette-list/miniapp/miniapp-chen-xing-51/index.css" } ] } }