{
  "id": "app-nuan-cheng-yu",
  "name": "Warm Orange Isle",
  "platform": "app",
  "platformLabel": "App",
  "slug": "nuan-cheng-yu",
  "tags": [
    "Vibrant",
    "Calm",
    "Warm tones"
  ],
  "scene": "Local services & community apps",
  "advice": {
    "family": "Orange",
    "depth": "The lead color sits in the middle of the lightness range, which makes it the most adaptable: both light and dark themes are easy to build on.",
    "muted": null,
    "suit": "Calmer than red and steadier than yellow — good when you want warmth without shouting.",
    "avoid": "Beside saturated red or yellow the warm colors fight for attention — keep a single warm lead.",
    "pair": "Deep blue grounds it instantly; pale wood tones and cream give it a domestic feel."
  },
  "source": "preset",
  "score": 86,
  "createdAt": "2026-10-12",
  "license": "Data free to reuse; a credit is appreciated",
  "page": "https://paletteget.com/palette-list/app/nuan-cheng-yu/",
  "colors": [
    {
      "key": "primary",
      "label": "Primary",
      "desc": "Brand color for primary buttons, selected states and emphasis",
      "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": "Primary dark",
      "desc": "Pressed state, or primary on dark backgrounds",
      "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": "Primary light",
      "desc": "Tinted surfaces, tag backgrounds, subdued selected states",
      "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": "Secondary",
      "desc": "Companion to the primary for secondary buttons and icons",
      "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": "Accent",
      "desc": "Spot color for badges and highlights",
      "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": "Success",
      "desc": "Success toasts and completed states",
      "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": "Warning",
      "desc": "Warnings and pending states",
      "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": "Danger",
      "desc": "Errors, destructive actions and failure states",
      "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": "Text",
      "desc": "Body text color",
      "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": "Page background",
      "desc": "Page base color",
      "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/palette-list/app/nuan-cheng-yu/index.css"
  }
}