{ "name": "PaletteGet", "description": "A multi-platform colour palette library (app / web / mini app). Each palette carries 10 design role colours, all verified against WCAG. 74 palettes in total.", "license": "Data free to reuse; a credit is appreciated", "total": 74, "roleDefinitions": { "app": { "label": "App", "roles": [ { "key": "primary", "label": "Primary", "desc": "Brand colour for primary buttons, selected states and emphasis" }, { "key": "primaryDark", "label": "Primary dark", "desc": "Pressed state, or primary on dark backgrounds" }, { "key": "primaryLight", "label": "Primary light", "desc": "Tinted surfaces, tag backgrounds, subdued selected states" }, { "key": "secondary", "label": "Secondary", "desc": "Companion to the primary for secondary buttons and icons" }, { "key": "accent", "label": "Accent", "desc": "Spot colour for badges and highlights" }, { "key": "success", "label": "Success", "desc": "Success toasts and completed states" }, { "key": "warning", "label": "Warning", "desc": "Warnings and pending states" }, { "key": "danger", "label": "Danger", "desc": "Errors, destructive actions and failure states" }, { "key": "text", "label": "Text", "desc": "Body text colour" }, { "key": "bg", "label": "Page background", "desc": "Page base colour" } ] }, "web": { "label": "Web", "roles": [ { "key": "primary", "label": "Primary", "desc": "Brand colour, mapped to the CSS variable --color-primary" }, { "key": "primaryHover", "label": "Primary hover", "desc": "Hover state: --color-primary-hover" }, { "key": "primaryActive", "label": "Primary active", "desc": "Pressed state: --color-primary-active" }, { "key": "textMain", "label": "Text main", "desc": "Body text: --color-text-main" }, { "key": "textSub", "label": "Text sub", "desc": "Secondary text: --color-text-sub" }, { "key": "bg", "label": "Background", "desc": "Page background: --color-bg" }, { "key": "surface", "label": "Surface", "desc": "Card and panel background: --color-surface" }, { "key": "border", "label": "Border", "desc": "Dividers and outlines: --color-border" }, { "key": "link", "label": "Link", "desc": "Link colour: --color-link" }, { "key": "accent", "label": "Accent", "desc": "Highlight colour: --color-accent" } ] }, "miniapp": { "label": "Mini App", "roles": [ { "key": "theme", "label": "Theme", "desc": "Global theme colour (navigation bar, selected tab)" }, { "key": "btn", "label": "Button", "desc": "Primary button background" }, { "key": "btnDisabled", "label": "Button disabled", "desc": "Disabled button background" }, { "key": "bg", "label": "Page background", "desc": "Page backgroundColor" }, { "key": "card", "label": "Card", "desc": "Product and content card background" }, { "key": "textMain", "label": "Text main", "desc": "Headings and body copy" }, { "key": "textSub", "label": "Text sub", "desc": "Captions and timestamps" }, { "key": "divider", "label": "Divider", "desc": "List dividers" }, { "key": "price", "label": "Price", "desc": "Prices and promotional figures, usually warm" }, { "key": "tag", "label": "Tag", "desc": "Tag and coupon backgrounds" } ] } }, "palettes": { "app": [ { "id": "app-mo-ye-qing", "name": "Inkfield Teal", "slug": "mo-ye-qing", "tags": [ "Tech", "Cool", "Low saturation" ], "scene": "Productivity & reading apps", "advice": { "family": "Teal", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "A good neutral lead for data visualisation, letting the data carry its own colours.", "avoid": "Too weak a teal reads as indecisive — let a support colour supply the character.", "pair": "Reliable with deep blue and graphite grey; a little warm orange wakes it up." }, "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/palette-list/app/mo-ye-qing/", "json": "https://paletteget.com/palette-list/app/mo-ye-qing/index.json", "css": "https://paletteget.com/palette-list/app/mo-ye-qing/index.css" }, { "id": "app-nuan-cheng-yu", "name": "Warm Orange Isle", "slug": "nuan-cheng-yu", "tags": [ "Vibrant", "Calm", "Warm tones" ], "scene": "Local services & community apps", "advice": { "family": "Orange", "depth": "The lead colour 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 colours 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, "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/palette-list/app/nuan-cheng-yu/", "json": "https://paletteget.com/palette-list/app/nuan-cheng-yu/index.json", "css": "https://paletteget.com/palette-list/app/nuan-cheng-yu/index.css" }, { "id": "app-mo-lan-ye", "name": "Ink Blue Night", "slug": "mo-lan-ye", "tags": [ "Dark", "Business", "High contrast" ], "scene": "Finance & analytics apps (dark mode)", "advice": { "family": "Blue", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "Comfortable for interfaces people look at for long stretches — it is the easiest colour on the eye.", "avoid": "Cool blue feels reserved in promotions that need heat and momentum.", "pair": "White and pale grey are the safe pairing; a warm accent (orange or yellow) makes calls to action pop." }, "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/palette-list/app/mo-lan-ye/", "json": "https://paletteget.com/palette-list/app/mo-lan-ye/index.json", "css": "https://paletteget.com/palette-list/app/mo-lan-ye/index.css" }, { "id": "app-wu-gui-hui", "name": "Mist Rose Grey", "slug": "wu-gui-hui", "tags": [ "Morandi", "Gentle", "Muted grey" ], "scene": "Content, photos & meditation apps", "advice": { "family": "Pink", "depth": "The lead colour 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": "This palette's lead colour is low in saturation, close to grey: more restrained and more sophisticated, but it can also read as lifeless. Let layered lightness and strong typography carry the composition.", "suit": "Good for products that should feel gentle and young.", "avoid": "Too much of it turns saccharine, especially at high saturation.", "pair": "Grey and white keep it from becoming overly sweet; a deep berry purple adds depth." }, "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/palette-list/app/wu-gui-hui/", "json": "https://paletteget.com/palette-list/app/wu-gui-hui/index.json", "css": "https://paletteget.com/palette-list/app/wu-gui-hui/index.css" }, { "id": "app-song-lin-lv", "name": "Pinewood Green", "slug": "song-lin-lv", "tags": [ "Natural", "Fresh", "Forest" ], "scene": "Fitness, health & sustainability apps", "advice": { "family": "Green", "depth": "The lead colour 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": "Its confirmed meaning is near universal, which makes it a natural fit for success states.", "avoid": "It does not grab attention for scarcity or promotions, so do not make it your sale colour.", "pair": "A touch of warm orange breaks the coolness and brings the composition to life." }, "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/palette-list/app/song-lin-lv/", "json": "https://paletteget.com/palette-list/app/song-lin-lv/index.json", "css": "https://paletteget.com/palette-list/app/song-lin-lv/index.css" }, { "id": "app-app-blue-237-0", "name": "Frost Sky", "slug": "app-blue-237-0", "tags": [ "Forest", "Blue" ], "scene": "Wedding planning", "advice": { "family": "Blue", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "Comfortable for interfaces people look at for long stretches — it is the easiest colour on the eye.", "avoid": "It is so common that it can feel anonymous; support colours 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": "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/palette-list/app/app-blue-237-0/", "json": "https://paletteget.com/palette-list/app/app-blue-237-0/index.json", "css": "https://paletteget.com/palette-list/app/app-blue-237-0/index.css" }, { "id": "app-app-blue-200-1", "name": "Indigo Dye", "slug": "app-blue-200-1", "tags": [ "Calm", "Blue" ], "scene": "Audiobooks & narration", "advice": { "family": "Blue", "depth": "The lead colour 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": "The most versatile lead: technology, finance, tools and enterprise services that need to feel trustworthy.", "avoid": "Cool blue feels reserved in promotions that need heat and momentum.", "pair": "White and pale grey are the safe pairing; a warm accent (orange or yellow) makes calls to action pop." }, "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/palette-list/app/app-blue-200-1/", "json": "https://paletteget.com/palette-list/app/app-blue-200-1/index.json", "css": "https://paletteget.com/palette-list/app/app-blue-200-1/index.css" }, { "id": "app-app-purple-282-2", "name": "Wisteria", "slug": "app-purple-282-2", "tags": [ "Vibrant", "Purple" ], "scene": "Sleep tracking & meditation", "advice": { "family": "Purple", "depth": "The lead colour 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": "For creative, beauty, content and membership products — the more emotional end of the spectrum.", "avoid": "Highly saturated purple quickly looks gaudy, so be careful in B2B and utility products.", "pair": "A hint of gold reinforces the sense of quality." }, "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/palette-list/app/app-purple-282-2/", "json": "https://paletteget.com/palette-list/app/app-purple-282-2/index.json", "css": "https://paletteget.com/palette-list/app/app-purple-282-2/index.css" }, { "id": "app-app-red-9-3", "name": "Ember Red", "slug": "app-red-9-3", "tags": [ "Morandi", "Red" ], "scene": "Car maintenance log", "advice": { "family": "Red", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "Best as an accent rather than a large surface: prices, promotions, error states — anything that must be seen first.", "avoid": "Use it sparingly in finance and healthcare, where it can read as aggressive rather than trustworthy.", "pair": "Safest with neutral greys and white. Keep blue for confirmation and reserve red for danger and emphasis." }, "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/palette-list/app/app-red-9-3/", "json": "https://paletteget.com/palette-list/app/app-red-9-3/index.json", "css": "https://paletteget.com/palette-list/app/app-red-9-3/index.css" }, { "id": "app-app-red-3-4", "name": "Pomegranate", "slug": "app-red-3-4", "tags": [ "Sunset", "Red" ], "scene": "Calendar & to-do lists", "advice": { "family": "Red", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "Naturally urgent, so it suits limited-time offers and calls to action that push people to act now.", "avoid": "Avoid it as a large background or long-form text colour; big areas of red tire the eye.", "pair": "Pair with a muted warm beige or charcoal to hold the red back without losing its weight." }, "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/palette-list/app/app-red-3-4/", "json": "https://paletteget.com/palette-list/app/app-red-3-4/index.json", "css": "https://paletteget.com/palette-list/app/app-red-3-4/index.css" }, { "id": "app-app-chen-cui-107", "name": "Willow", "slug": "app-chen-cui-107", "tags": [ "Muted grey", "Green" ], "scene": "Health data & medication reminders", "advice": { "family": "Green", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "Its confirmed meaning is near universal, which makes it a natural fit for success states.", "avoid": "Yellowish grass greens can look dated; they need careful work on lightness and saturation.", "pair": "Cream and warm grey give it more polish; layering light and dark greens beats adding a third hue." }, "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/palette-list/app/app-chen-cui-107/", "json": "https://paletteget.com/palette-list/app/app-chen-cui-107/index.json", "css": "https://paletteget.com/palette-list/app/app-chen-cui-107/index.css" }, { "id": "app-app-chen-fei-355", "name": "Brick Rose", "slug": "app-chen-fei-355", "tags": [ "Cool", "Red" ], "scene": "Weather & travel assistant", "advice": { "family": "Red", "depth": "The lead colour 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": "Works well for food, retail and campaign pages, where it stirs appetite and the urge to buy.", "avoid": "Use it sparingly in finance and healthcare, where it can read as aggressive rather than trustworthy.", "pair": "Safest with neutral greys and white. Keep blue for confirmation and reserve red for danger and emphasis." }, "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/palette-list/app/app-chen-fei-355/", "json": "https://paletteget.com/palette-list/app/app-chen-fei-355/index.json", "css": "https://paletteget.com/palette-list/app/app-chen-fei-355/index.css" }, { "id": "app-app-chen-zi-273", "name": "Lilac", "slug": "app-chen-zi-273", "tags": [ "Calm", "Purple" ], "scene": "Second-hand marketplace", "advice": { "family": "Purple", "depth": "The lead colour 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": "For creative, beauty, content and membership products — the more emotional end of the spectrum.", "avoid": "Purple, red and blue can blur together; keep enough lightness between them.", "pair": "Pale pink and cream soften it; deep blue grounds it." }, "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/palette-list/app/app-chen-zi-273/", "json": "https://paletteget.com/palette-list/app/app-chen-zi-273/index.json", "css": "https://paletteget.com/palette-list/app/app-chen-zi-273/index.css" }, { "id": "app-app-zhong-zi-282", "name": "Mist Violet", "slug": "app-zhong-zi-282", "tags": [ "Cyber", "Purple" ], "scene": "Focus & white noise", "advice": { "family": "Purple", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "Its sense of prestige suits memberships, privileges and exclusivity.", "avoid": "Purple, red and blue can blur together; keep enough lightness between them.", "pair": "Pale pink and cream soften it; deep blue grounds it." }, "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/palette-list/app/app-zhong-zi-282/", "json": "https://paletteget.com/palette-list/app/app-zhong-zi-282/index.json", "css": "https://paletteget.com/palette-list/app/app-zhong-zi-282/index.css" }, { "id": "app-app-chen-qing-159", "name": "Wintergreen", "slug": "app-chen-qing-159", "tags": [ "Cyber", "Green" ], "scene": "Home renovation ideas", "advice": { "family": "Green", "depth": "The lead colour 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": "Its confirmed meaning is near universal, which makes it a natural fit for success states.", "avoid": "It does not grab attention for scarcity or promotions, so do not make it your sale colour.", "pair": "A touch of warm orange breaks the coolness and brings the composition to life." }, "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/palette-list/app/app-chen-qing-159/", "json": "https://paletteget.com/palette-list/app/app-chen-qing-159/index.json", "css": "https://paletteget.com/palette-list/app/app-chen-qing-159/index.css" }, { "id": "app-app-chen-cheng-18", "name": "Terracotta", "slug": "app-chen-cheng-18", "tags": [ "Fresh", "Orange" ], "scene": "Weight loss & diet", "advice": { "family": "Orange", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "A pleasant secondary accent: gentler than red, more reliable than yellow. It guides rather than commands.", "avoid": "Large areas can look cheap, so be restrained in B2B products that need authority.", "pair": "Layer light and dark oranges within the same family rather than adding a third hue." }, "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/palette-list/app/app-chen-cheng-18/", "json": "https://paletteget.com/palette-list/app/app-chen-cheng-18/index.json", "css": "https://paletteget.com/palette-list/app/app-chen-cheng-18/index.css" }, { "id": "app-app-chen-xing-42", "name": "Honey Amber", "slug": "app-chen-xing-42", "tags": [ "Forest", "Orange" ], "scene": "Budgeting & household finance", "advice": { "family": "Orange", "depth": "The lead colour 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": "For products that lead with energy and approachability: delivery, community, education and everyday services.", "avoid": "Large areas can look cheap, so be restrained in B2B products that need authority.", "pair": "Layer light and dark oranges within the same family rather than adding a third hue." }, "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/palette-list/app/app-chen-xing-42/", "json": "https://paletteget.com/palette-list/app/app-chen-xing-42/index.json", "css": "https://paletteget.com/palette-list/app/app-chen-xing-42/index.css" }, { "id": "app-app-zhong-zi-271", "name": "Evening Violet", "slug": "app-zhong-zi-271", "tags": [ "Morandi", "Purple" ], "scene": "Community & interest groups", "advice": { "family": "Purple", "depth": "The lead colour 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": "For creative, beauty, content and membership products — the more emotional end of the spectrum.", "avoid": "Purple, red and blue can blur together; keep enough lightness between them.", "pair": "Pale pink and cream soften it; deep blue grounds it." }, "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/palette-list/app/app-zhong-zi-271/", "json": "https://paletteget.com/palette-list/app/app-zhong-zi-271/index.json", "css": "https://paletteget.com/palette-list/app/app-zhong-zi-271/index.css" }, { "id": "app-app-chen-hai-220", "name": "Rain Mist", "slug": "app-chen-hai-220", "tags": [ "Sunset", "Blue" ], "scene": "Podcasts & audio", "advice": { "family": "Blue", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "The most versatile lead: technology, finance, tools and enterprise services that need to feel trustworthy.", "avoid": "It is so common that it can feel anonymous; support colours 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": "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/palette-list/app/app-chen-hai-220/", "json": "https://paletteget.com/palette-list/app/app-chen-hai-220/index.json", "css": "https://paletteget.com/palette-list/app/app-chen-hai-220/index.css" }, { "id": "app-app-zhong-mei-341", "name": "Sunset Pink", "slug": "app-zhong-mei-341", "tags": [ "Ocean", "Pink" ], "scene": "Habit tracking & time management", "advice": { "family": "Pink", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "For lifestyle, social, beauty and predominantly female audiences — it is immediately welcoming.", "avoid": "Too much of it turns saccharine, especially at high saturation.", "pair": "Grey and white keep it from becoming overly sweet; a deep berry purple adds depth." }, "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/palette-list/app/app-zhong-mei-341/", "json": "https://paletteget.com/palette-list/app/app-zhong-mei-341/index.json", "css": "https://paletteget.com/palette-list/app/app-zhong-mei-341/index.css" }, { "id": "app-app-chen-cui-112", "name": "Clover", "slug": "app-chen-cui-112", "tags": [ "Natural", "Green" ], "scene": "Recipes & meal logging", "advice": { "family": "Green", "depth": "The lead colour 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": "For health, sustainability, finance and growth — it carries safety and approval almost by default.", "avoid": "Yellowish grass greens can look dated; they need careful work on lightness and saturation.", "pair": "Cream and warm grey give it more polish; layering light and dark greens beats adding a third hue." }, "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/palette-list/app/app-chen-cui-112/", "json": "https://paletteget.com/palette-list/app/app-chen-cui-112/index.json", "css": "https://paletteget.com/palette-list/app/app-chen-cui-112/index.css" }, { "id": "app-app-chen-zi-271", "name": "Pearl Violet", "slug": "app-chen-zi-271", "tags": [ "Coffee", "Purple" ], "scene": "Fitness & running logs", "advice": { "family": "Purple", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "Its sense of prestige suits memberships, privileges and exclusivity.", "avoid": "Purple, red and blue can blur together; keep enough lightness between them.", "pair": "Pale pink and cream soften it; deep blue grounds it." }, "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/palette-list/app/app-chen-zi-271/", "json": "https://paletteget.com/palette-list/app/app-chen-zi-271/index.json", "css": "https://paletteget.com/palette-list/app/app-chen-zi-271/index.css" } ], "web": [ { "id": "web-jing-hu-lan", "name": "Still Lake Blue", "slug": "jing-hu-lan", "tags": [ "Business", "Minimal", "SaaS" ], "scene": "SaaS dashboards & corporate sites", "advice": { "family": "Blue", "depth": "The lead colour 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": "The most versatile lead: technology, finance, tools and enterprise services that need to feel trustworthy.", "avoid": "It is so common that it can feel anonymous; support colours 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, "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/palette-list/web/jing-hu-lan/", "json": "https://paletteget.com/palette-list/web/jing-hu-lan/index.json", "css": "https://paletteget.com/palette-list/web/jing-hu-lan/index.css" }, { "id": "web-zhu-mo-hong", "name": "Cinnabar Ink", "slug": "zhu-mo-hong", "tags": [ "Heritage", "Bold", "High contrast" ], "scene": "Sales events & brand campaign pages", "advice": { "family": "Red", "depth": "The lead colour 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": "Works well for food, retail and campaign pages, where it stirs appetite and the urge to buy.", "avoid": "Use it sparingly in finance and healthcare, where it can read as aggressive rather than trustworthy.", "pair": "Safest with neutral greys and white. Keep blue for confirmation and reserve red for danger and emphasis." }, "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/palette-list/web/zhu-mo-hong/", "json": "https://paletteget.com/palette-list/web/zhu-mo-hong/index.json", "css": "https://paletteget.com/palette-list/web/zhu-mo-hong/index.css" }, { "id": "web-chen-wu-qing", "name": "Morning Mist Teal", "slug": "chen-wu-qing", "tags": [ "Fresh", "Calm", "Low saturation" ], "scene": "Blogs & documentation sites", "advice": { "family": "Teal", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "Sitting between blue and green, it suits interfaces that should feel rational yet light.", "avoid": "Too weak a teal reads as indecisive — let a support colour supply the character.", "pair": "Reliable with deep blue and graphite grey; a little warm orange wakes it up." }, "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/palette-list/web/chen-wu-qing/", "json": "https://paletteget.com/palette-list/web/chen-wu-qing/index.json", "css": "https://paletteget.com/palette-list/web/chen-wu-qing/index.css" }, { "id": "web-an-ye-zi", "name": "Midnight Violet", "slug": "an-ye-zi", "tags": [ "Dark", "Tech", "Cyber" ], "scene": "Developer tools & tech communities (dark)", "advice": { "family": "Purple", "depth": "The lead colour is very light and better suited to backgrounds and containers — give emphasis to a deeper colour of its own.", "muted": null, "suit": "For creative, beauty, content and membership products — the more emotional end of the spectrum.", "avoid": "Highly saturated purple quickly looks gaudy, so be careful in B2B and utility products.", "pair": "A hint of gold reinforces the sense of quality." }, "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/palette-list/web/an-ye-zi/", "json": "https://paletteget.com/palette-list/web/an-ye-zi/index.json", "css": "https://paletteget.com/palette-list/web/an-ye-zi/index.css" }, { "id": "web-mai-tang-jin", "name": "Malt Sugar Gold", "slug": "mai-tang-jin", "tags": [ "Retro", "Warm", "Business" ], "scene": "Food & lifestyle brand sites", "advice": { "family": "Orange", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "Calmer than red and steadier than yellow — good when you want warmth without shouting.", "avoid": "Large areas can look cheap, so be restrained in B2B products that need authority.", "pair": "Layer light and dark oranges within the same family rather than adding a third hue." }, "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/palette-list/web/mai-tang-jin/", "json": "https://paletteget.com/palette-list/web/mai-tang-jin/index.json", "css": "https://paletteget.com/palette-list/web/mai-tang-jin/index.css" }, { "id": "web-web-blue-236-0", "name": "Wild Goose", "slug": "web-blue-236-0", "tags": [ "Business", "Blue" ], "scene": "News & features", "advice": { "family": "Blue", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "Comfortable for interfaces people look at for long stretches — it is the easiest colour on the eye.", "avoid": "It is so common that it can feel anonymous; support colours 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": "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/palette-list/web/web-blue-236-0/", "json": "https://paletteget.com/palette-list/web/web-blue-236-0/index.json", "css": "https://paletteget.com/palette-list/web/web-blue-236-0/index.css" }, { "id": "web-web-pink-294-1", "name": "Plum Pink", "slug": "web-pink-294-1", "tags": [ "Calm", "Pink" ], "scene": "Online course page", "advice": { "family": "Pink", "depth": "The lead colour 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": "As an accent it softens an otherwise clinical interface.", "avoid": "Too much of it turns saccharine, especially at high saturation.", "pair": "Grey and white keep it from becoming overly sweet; a deep berry purple adds depth." }, "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/palette-list/web/web-pink-294-1/", "json": "https://paletteget.com/palette-list/web/web-pink-294-1/index.json", "css": "https://paletteget.com/palette-list/web/web-pink-294-1/index.css" }, { "id": "web-web-pink-326-2", "name": "Rouge", "slug": "web-pink-326-2", "tags": [ "Retro", "Pink" ], "scene": "Brand story & team", "advice": { "family": "Pink", "depth": "The lead colour 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": "Good for products that should feel gentle and young.", "avoid": "Use it sparingly where authority matters; it can dilute a sense of expertise.", "pair": "Charcoal or black makes it more fashion-forward; white keeps it fresh." }, "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/palette-list/web/web-pink-326-2/", "json": "https://paletteget.com/palette-list/web/web-pink-326-2/index.json", "css": "https://paletteget.com/palette-list/web/web-pink-326-2/index.css" }, { "id": "web-web-cyan-194-3", "name": "Rainwashed", "slug": "web-cyan-194-3", "tags": [ "Morandi", "Teal" ], "scene": "Financial data & markets", "advice": { "family": "Teal", "depth": "The lead colour 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": "Sitting between blue and green, it suits interfaces that should feel rational yet light.", "avoid": "Too weak a teal reads as indecisive — let a support colour supply the character.", "pair": "Reliable with deep blue and graphite grey; a little warm orange wakes it up." }, "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/palette-list/web/web-cyan-194-3/", "json": "https://paletteget.com/palette-list/web/web-cyan-194-3/index.json", "css": "https://paletteget.com/palette-list/web/web-cyan-194-3/index.css" }, { "id": "web-web-purple-267-4", "name": "Iris", "slug": "web-purple-267-4", "tags": [ "Mint", "Purple" ], "scene": "Travel booking", "advice": { "family": "Purple", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "It carries a touch of sophistication, good for brands that want to stand apart.", "avoid": "Highly saturated purple quickly looks gaudy, so be careful in B2B and utility products.", "pair": "A hint of gold reinforces the sense of quality." }, "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/palette-list/web/web-purple-267-4/", "json": "https://paletteget.com/palette-list/web/web-purple-267-4/index.json", "css": "https://paletteget.com/palette-list/web/web-purple-267-4/index.css" }, { "id": "web-web-purple-282-0", "name": "Amethyst Dusk", "slug": "web-purple-282-0", "tags": [ "Vibrant", "Purple" ], "scene": "Car showroom & configurator", "advice": { "family": "Purple", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "For creative, beauty, content and membership products — the more emotional end of the spectrum.", "avoid": "Purple, red and blue can blur together; keep enough lightness between them.", "pair": "Pale pink and cream soften it; deep blue grounds it." }, "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/palette-list/web/web-purple-282-0/", "json": "https://paletteget.com/palette-list/web/web-purple-282-0/index.json", "css": "https://paletteget.com/palette-list/web/web-purple-282-0/index.css" }, { "id": "web-web-red-9-1", "name": "Lantern Red", "slug": "web-red-9-1", "tags": [ "Morandi", "Red" ], "scene": "Health information", "advice": { "family": "Red", "depth": "The lead colour 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": "Works well for food, retail and campaign pages, where it stirs appetite and the urge to buy.", "avoid": "Avoid it as a large background or long-form text colour; big areas of red tire the eye.", "pair": "Pair with a muted warm beige or charcoal to hold the red back without losing its weight." }, "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/palette-list/web/web-red-9-1/", "json": "https://paletteget.com/palette-list/web/web-red-9-1/index.json", "css": "https://paletteget.com/palette-list/web/web-red-9-1/index.css" }, { "id": "web-web-chen-cui-103", "name": "Bamboo Shade", "slug": "web-chen-cui-103", "tags": [ "Cool", "Green" ], "scene": "Real estate listings", "advice": { "family": "Green", "depth": "The lead colour 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": "For health, sustainability, finance and growth — it carries safety and approval almost by default.", "avoid": "It does not grab attention for scarcity or promotions, so do not make it your sale colour.", "pair": "A touch of warm orange breaks the coolness and brings the composition to life." }, "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/palette-list/web/web-chen-cui-103/", "json": "https://paletteget.com/palette-list/web/web-chen-cui-103/index.json", "css": "https://paletteget.com/palette-list/web/web-chen-cui-103/index.css" }, { "id": "web-web-zhong-mei-336", "name": "Cherry Snow", "slug": "web-zhong-mei-336", "tags": [ "Forest", "Pink" ], "scene": "E-commerce product detail", "advice": { "family": "Pink", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "For lifestyle, social, beauty and predominantly female audiences — it is immediately welcoming.", "avoid": "Use it sparingly where authority matters; it can dilute a sense of expertise.", "pair": "Charcoal or black makes it more fashion-forward; white keeps it fresh." }, "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/palette-list/web/web-zhong-mei-336/", "json": "https://paletteget.com/palette-list/web/web-zhong-mei-336/index.json", "css": "https://paletteget.com/palette-list/web/web-zhong-mei-336/index.css" }, { "id": "web-web-chen-cheng-30", "name": "Apricot Glow", "slug": "web-chen-cheng-30", "tags": [ "Tech", "Orange" ], "scene": "Data visualisation report", "advice": { "family": "Orange", "depth": "The lead colour 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": "For products that lead with energy and approachability: delivery, community, education and everyday services.", "avoid": "Beside saturated red or yellow the warm colours 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": "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/palette-list/web/web-chen-cheng-30/", "json": "https://paletteget.com/palette-list/web/web-chen-cheng-30/index.json", "css": "https://paletteget.com/palette-list/web/web-chen-cheng-30/index.css" }, { "id": "web-web-chen-xing-59", "name": "Butter Cream", "slug": "web-chen-xing-59", "tags": [ "Cool", "Yellow" ], "scene": "Legal & consulting services", "advice": { "family": "Yellow", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "Ideal for highlights and alerts — the most noticeable accent on a dark background.", "avoid": "Too much of it looks garish and cheap, especially the greenish yellows.", "pair": "Steadiest with charcoal and navy; on dark themes it can take the lead instead." }, "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/palette-list/web/web-chen-xing-59/", "json": "https://paletteget.com/palette-list/web/web-chen-xing-59/index.json", "css": "https://paletteget.com/palette-list/web/web-chen-xing-59/index.css" }, { "id": "web-web-chen-cheng-18", "name": "Peach Dusk", "slug": "web-chen-cheng-18", "tags": [ "Coffee", "Orange" ], "scene": "Online tools & calculators", "advice": { "family": "Orange", "depth": "The lead colour 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": "A pleasant secondary accent: gentler than red, more reliable than yellow. It guides rather than commands.", "avoid": "Beside saturated red or yellow the warm colours 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": "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/palette-list/web/web-chen-cheng-18/", "json": "https://paletteget.com/palette-list/web/web-chen-cheng-18/index.json", "css": "https://paletteget.com/palette-list/web/web-chen-cheng-18/index.css" }, { "id": "web-web-chen-dian-234", "name": "Hazy Blue", "slug": "web-chen-dian-234", "tags": [ "Mint", "Blue" ], "scene": "Government & public services", "advice": { "family": "Blue", "depth": "The lead colour 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": "A natural base for dark themes, carrying calm and order.", "avoid": "It is so common that it can feel anonymous; support colours 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": "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/palette-list/web/web-chen-dian-234/", "json": "https://paletteget.com/palette-list/web/web-chen-dian-234/index.json", "css": "https://paletteget.com/palette-list/web/web-chen-dian-234/index.css" }, { "id": "web-web-zhong-zi-279", "name": "Hyacinth", "slug": "web-zhong-zi-279", "tags": [ "Fresh", "Purple" ], "scene": "Personal portfolio", "advice": { "family": "Purple", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "Its sense of prestige suits memberships, privileges and exclusivity.", "avoid": "Highly saturated purple quickly looks gaudy, so be careful in B2B and utility products.", "pair": "A hint of gold reinforces the sense of quality." }, "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/palette-list/web/web-zhong-zi-279/", "json": "https://paletteget.com/palette-list/web/web-zhong-zi-279/index.json", "css": "https://paletteget.com/palette-list/web/web-zhong-zi-279/index.css" }, { "id": "web-web-chen-qing-156", "name": "Juniper", "slug": "web-chen-qing-156", "tags": [ "Retro", "Green" ], "scene": "Course schedule & study plan", "advice": { "family": "Green", "depth": "The lead colour 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": "Good for products that should feel calm and trustworthy: investing, healthcare, fitness.", "avoid": "It does not grab attention for scarcity or promotions, so do not make it your sale colour.", "pair": "A touch of warm orange breaks the coolness and brings the composition to life." }, "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/palette-list/web/web-chen-qing-156/", "json": "https://paletteget.com/palette-list/web/web-chen-qing-156/index.json", "css": "https://paletteget.com/palette-list/web/web-chen-qing-156/index.css" }, { "id": "web-web-chen-hai-202", "name": "Night Flight", "slug": "web-chen-hai-202", "tags": [ "Calm", "Blue" ], "scene": "Pricing & checkout", "advice": { "family": "Blue", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "A natural base for dark themes, carrying calm and order.", "avoid": "Cool blue feels reserved in promotions that need heat and momentum.", "pair": "White and pale grey are the safe pairing; a warm accent (orange or yellow) makes calls to action pop." }, "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/palette-list/web/web-chen-hai-202/", "json": "https://paletteget.com/palette-list/web/web-chen-hai-202/index.json", "css": "https://paletteget.com/palette-list/web/web-chen-hai-202/index.css" }, { "id": "web-web-zhong-hai-223", "name": "Abyss", "slug": "web-zhong-hai-223", "tags": [ "Morning mist", "Blue" ], "scene": "Blog & newsletter", "advice": { "family": "Blue", "depth": "The lead colour 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": "The most versatile lead: technology, finance, tools and enterprise services that need to feel trustworthy.", "avoid": "It is so common that it can feel anonymous; support colours 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": "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/palette-list/web/web-zhong-hai-223/", "json": "https://paletteget.com/palette-list/web/web-zhong-hai-223/index.json", "css": "https://paletteget.com/palette-list/web/web-zhong-hai-223/index.css" }, { "id": "web-web-chen-zi-273", "name": "Orchid Mauve", "slug": "web-chen-zi-273", "tags": [ "Calm", "Purple" ], "scene": "Help centre & docs", "advice": { "family": "Purple", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "Its sense of prestige suits memberships, privileges and exclusivity.", "avoid": "Highly saturated purple quickly looks gaudy, so be careful in B2B and utility products.", "pair": "A hint of gold reinforces the sense of quality." }, "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/palette-list/web/web-chen-zi-273/", "json": "https://paletteget.com/palette-list/web/web-chen-zi-273/index.json", "css": "https://paletteget.com/palette-list/web/web-chen-zi-273/index.css" }, { "id": "web-web-zhong-zi-282", "name": "Pokeweed", "slug": "web-zhong-zi-282", "tags": [ "Cyber", "Purple" ], "scene": "Events & registration", "advice": { "family": "Purple", "depth": "The lead colour 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": "Its sense of prestige suits memberships, privileges and exclusivity.", "avoid": "Highly saturated purple quickly looks gaudy, so be careful in B2B and utility products.", "pair": "A hint of gold reinforces the sense of quality." }, "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/palette-list/web/web-zhong-zi-282/", "json": "https://paletteget.com/palette-list/web/web-zhong-zi-282/index.json", "css": "https://paletteget.com/palette-list/web/web-zhong-zi-282/index.css" }, { "id": "web-web-chen-hai-201", "name": "Snow Ridge", "slug": "web-chen-hai-201", "tags": [ "Low saturation", "Blue" ], "scene": "Conference landing page", "advice": { "family": "Blue", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "A natural base for dark themes, carrying calm and order.", "avoid": "It is so common that it can feel anonymous; support colours 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": "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/palette-list/web/web-chen-hai-201/", "json": "https://paletteget.com/palette-list/web/web-chen-hai-201/index.json", "css": "https://paletteget.com/palette-list/web/web-chen-hai-201/index.css" }, { "id": "web-web-zhong-hai-208", "name": "Indigo Depths", "slug": "web-zhong-hai-208", "tags": [ "Cool", "Blue" ], "scene": "Careers & employer brand", "advice": { "family": "Blue", "depth": "The lead colour 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": "A natural base for dark themes, carrying calm and order.", "avoid": "Cool blue feels reserved in promotions that need heat and momentum.", "pair": "White and pale grey are the safe pairing; a warm accent (orange or yellow) makes calls to action pop." }, "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/palette-list/web/web-zhong-hai-208/", "json": "https://paletteget.com/palette-list/web/web-zhong-hai-208/index.json", "css": "https://paletteget.com/palette-list/web/web-zhong-hai-208/index.css" } ], "miniapp": [ { "id": "miniapp-sheng-xian-cheng", "name": "Fresh Orange", "slug": "sheng-xian-cheng", "tags": [ "Vibrant", "E-commerce", "Warm tones" ], "scene": "Group buying & grocery mini apps", "advice": { "family": "Orange", "depth": "The lead colour 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": "Large areas can look cheap, so be restrained in B2B products that need authority.", "pair": "Layer light and dark oranges within the same family rather than adding a third hue." }, "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/palette-list/miniapp/sheng-xian-cheng/", "json": "https://paletteget.com/palette-list/miniapp/sheng-xian-cheng/index.json", "css": "https://paletteget.com/palette-list/miniapp/sheng-xian-cheng/index.css" }, { "id": "miniapp-cha-yin-lv", "name": "Tea Green", "slug": "cha-yin-lv", "tags": [ "Fresh", "Calm", "Food & drink" ], "scene": "Coffee & tea ordering mini apps", "advice": { "family": "Green", "depth": "The lead colour 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": "Good for products that should feel calm and trustworthy: investing, healthcare, fitness.", "avoid": "It does not grab attention for scarcity or promotions, so do not make it your sale colour.", "pair": "A touch of warm orange breaks the coolness and brings the composition to life." }, "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/palette-list/miniapp/cha-yin-lv/", "json": "https://paletteget.com/palette-list/miniapp/cha-yin-lv/index.json", "css": "https://paletteget.com/palette-list/miniapp/cha-yin-lv/index.css" }, { "id": "miniapp-shang-wu-lan", "name": "Business Blue", "slug": "shang-wu-lan", "tags": [ "Business", "Minimal", "Tools" ], "scene": "Business services & booking mini apps", "advice": { "family": "Blue", "depth": "The lead colour 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": "The most versatile lead: technology, finance, tools and enterprise services that need to feel trustworthy.", "avoid": "It is so common that it can feel anonymous; support colours 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, "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/palette-list/miniapp/shang-wu-lan/", "json": "https://paletteget.com/palette-list/miniapp/shang-wu-lan/index.json", "css": "https://paletteget.com/palette-list/miniapp/shang-wu-lan/index.css" }, { "id": "miniapp-mei-zhuang-fen", "name": "Beauty Pink", "slug": "mei-zhuang-fen", "tags": [ "Gentle", "Feminine", "Beauty" ], "scene": "Beauty, fashion & premium mini apps", "advice": { "family": "Pink", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "Good for products that should feel gentle and young.", "avoid": "Too much of it turns saccharine, especially at high saturation.", "pair": "Grey and white keep it from becoming overly sweet; a deep berry purple adds depth." }, "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/palette-list/miniapp/mei-zhuang-fen/", "json": "https://paletteget.com/palette-list/miniapp/mei-zhuang-fen/index.json", "css": "https://paletteget.com/palette-list/miniapp/mei-zhuang-fen/index.css" }, { "id": "miniapp-chong-wu-zi", "name": "Pet Purple", "slug": "chong-wu-zi", "tags": [ "Vibrant", "Cute", "Fan-favourite" ], "scene": "Pet services & niche commerce mini apps", "advice": { "family": "Blue", "depth": "The lead colour 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 colours 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, "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/palette-list/miniapp/chong-wu-zi/", "json": "https://paletteget.com/palette-list/miniapp/chong-wu-zi/index.json", "css": "https://paletteget.com/palette-list/miniapp/chong-wu-zi/index.css" }, { "id": "miniapp-miniapp-pink-342-0", "name": "Gossamer", "slug": "miniapp-pink-342-0", "tags": [ "Cyber", "Pink" ], "scene": "Campus services", "advice": { "family": "Pink", "depth": "The lead colour 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": "For lifestyle, social, beauty and predominantly female audiences — it is immediately welcoming.", "avoid": "Use it sparingly where authority matters; it can dilute a sense of expertise.", "pair": "Charcoal or black makes it more fashion-forward; white keeps it fresh." }, "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/palette-list/miniapp/miniapp-pink-342-0/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-pink-342-0/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-pink-342-0/index.css" }, { "id": "miniapp-miniapp-pink-323-1", "name": "Petal Pink", "slug": "miniapp-pink-323-1", "tags": [ "Berry", "Pink" ], "scene": "Homestay booking", "advice": { "family": "Pink", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "Good for products that should feel gentle and young.", "avoid": "Use it sparingly where authority matters; it can dilute a sense of expertise.", "pair": "Charcoal or black makes it more fashion-forward; white keeps it fresh." }, "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/palette-list/miniapp/miniapp-pink-323-1/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-pink-323-1/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-pink-323-1/index.css" }, { "id": "miniapp-miniapp-orange-24-2", "name": "Golden Hour", "slug": "miniapp-orange-24-2", "tags": [ "Morandi", "Orange" ], "scene": "Fitness booking & check-in", "advice": { "family": "Orange", "depth": "The lead colour 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 colours 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": "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/palette-list/miniapp/miniapp-orange-24-2/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-orange-24-2/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-orange-24-2/index.css" }, { "id": "miniapp-miniapp-purple-267-3", "name": "Agarwood", "slug": "miniapp-purple-267-3", "tags": [ "Fresh", "Purple" ], "scene": "Pet boarding & grooming", "advice": { "family": "Purple", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "Its sense of prestige suits memberships, privileges and exclusivity.", "avoid": "Purple, red and blue can blur together; keep enough lightness between them.", "pair": "Pale pink and cream soften it; deep blue grounds it." }, "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/palette-list/miniapp/miniapp-purple-267-3/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-purple-267-3/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-purple-267-3/index.css" }, { "id": "miniapp-miniapp-blue-200-4", "name": "Deep Sea", "slug": "miniapp-blue-200-4", "tags": [ "Muted grey", "Blue" ], "scene": "Local deals & coupons", "advice": { "family": "Blue", "depth": "The lead colour 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": "The most versatile lead: technology, finance, tools and enterprise services that need to feel trustworthy.", "avoid": "Cool blue feels reserved in promotions that need heat and momentum.", "pair": "White and pale grey are the safe pairing; a warm accent (orange or yellow) makes calls to action pop." }, "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/palette-list/miniapp/miniapp-blue-200-4/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-blue-200-4/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-blue-200-4/index.css" }, { "id": "miniapp-miniapp-red-3-0", "name": "Dusk Ember", "slug": "miniapp-red-3-0", "tags": [ "Sunset", "Red" ], "scene": "Farm supplies", "advice": { "family": "Red", "depth": "The lead colour 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": "Best as an accent rather than a large surface: prices, promotions, error states — anything that must be seen first.", "avoid": "Use it sparingly in finance and healthcare, where it can read as aggressive rather than trustworthy.", "pair": "Safest with neutral greys and white. Keep blue for confirmation and reserve red for danger and emphasis." }, "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/palette-list/miniapp/miniapp-red-3-0/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-red-3-0/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-red-3-0/index.css" }, { "id": "miniapp-miniapp-blue-236-1", "name": "Open Ocean", "slug": "miniapp-blue-236-1", "tags": [ "Business", "Blue" ], "scene": "Grocery delivery & pickup", "advice": { "family": "Blue", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "Comfortable for interfaces people look at for long stretches — it is the easiest colour on the eye.", "avoid": "Cool blue feels reserved in promotions that need heat and momentum.", "pair": "White and pale grey are the safe pairing; a warm accent (orange or yellow) makes calls to action pop." }, "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/palette-list/miniapp/miniapp-blue-236-1/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-blue-236-1/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-blue-236-1/index.css" }, { "id": "miniapp-miniapp-chen-xing-49", "name": "Goldenrod", "slug": "miniapp-chen-xing-49", "tags": [ "Morning mist", "Yellow" ], "scene": "Home services & repairs", "advice": { "family": "Yellow", "depth": "The lead colour 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": "Good for marking something new or noteworthy, but as an accent, never the lead.", "avoid": "Pure yellow on white rarely meets contrast requirements, so never use it for small body text.", "pair": "Against black it reads as a strong warning; against brown or coffee tones it turns vintage." }, "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/palette-list/miniapp/miniapp-chen-xing-49/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-chen-xing-49/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-chen-xing-49/index.css" }, { "id": "miniapp-miniapp-zhong-zi-272", "name": "Heather", "slug": "miniapp-zhong-zi-272", "tags": [ "Gentle", "Purple" ], "scene": "Second-hand & local deals", "advice": { "family": "Purple", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "For creative, beauty, content and membership products — the more emotional end of the spectrum.", "avoid": "Purple, red and blue can blur together; keep enough lightness between them.", "pair": "Pale pink and cream soften it; deep blue grounds it." }, "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/palette-list/miniapp/miniapp-zhong-zi-272/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-zhong-zi-272/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-zhong-zi-272/index.css" }, { "id": "miniapp-miniapp-chen-hai-218", "name": "Wavecrest", "slug": "miniapp-chen-hai-218", "tags": [ "Vibrant", "Blue" ], "scene": "Attraction tickets & guides", "advice": { "family": "Blue", "depth": "The lead colour 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": "The most versatile lead: technology, finance, tools and enterprise services that need to feel trustworthy.", "avoid": "It is so common that it can feel anonymous; support colours 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": "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/palette-list/miniapp/miniapp-chen-hai-218/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-chen-hai-218/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-chen-hai-218/index.css" }, { "id": "miniapp-miniapp-chen-zi-278", "name": "Dusk Purple", "slug": "miniapp-chen-zi-278", "tags": [ "Business", "Purple" ], "scene": "Baby care & feeding", "advice": { "family": "Purple", "depth": "The lead colour 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": "For creative, beauty, content and membership products — the more emotional end of the spectrum.", "avoid": "Purple, red and blue can blur together; keep enough lightness between them.", "pair": "Pale pink and cream soften it; deep blue grounds it." }, "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/palette-list/miniapp/miniapp-chen-zi-278/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-chen-zi-278/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-chen-zi-278/index.css" }, { "id": "miniapp-miniapp-zhong-fei-13", "name": "Crimson Vale", "slug": "miniapp-zhong-fei-13", "tags": [ "High contrast", "Red" ], "scene": "Loyalty & points store", "advice": { "family": "Red", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "Best as an accent rather than a large surface: prices, promotions, error states — anything that must be seen first.", "avoid": "Use it sparingly in finance and healthcare, where it can read as aggressive rather than trustworthy.", "pair": "Safest with neutral greys and white. Keep blue for confirmation and reserve red for danger and emphasis." }, "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/palette-list/miniapp/miniapp-zhong-fei-13/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-zhong-fei-13/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-zhong-fei-13/index.css" }, { "id": "miniapp-miniapp-chen-xia-316", "name": "Blush Sand", "slug": "miniapp-chen-xia-316", "tags": [ "Fresh", "Pink" ], "scene": "Home renovation & measuring", "advice": { "family": "Pink", "depth": "The lead colour is light, so it works well over large areas — just keep text and borders dark enough to hold the contrast.", "muted": null, "suit": "Good for products that should feel gentle and young.", "avoid": "Too much of it turns saccharine, especially at high saturation.", "pair": "Grey and white keep it from becoming overly sweet; a deep berry purple adds depth." }, "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/palette-list/miniapp/miniapp-chen-xia-316/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-chen-xia-316/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-chen-xia-316/index.css" }, { "id": "miniapp-miniapp-chen-qing-163", "name": "Fern", "slug": "miniapp-chen-qing-163", "tags": [ "Berry", "Green" ], "scene": "Laundry & dry cleaning", "advice": { "family": "Green", "depth": "This palette's lead colour is deep and carries weight — suited to dark themes, or interfaces that need to feel professional and steady.", "muted": null, "suit": "Good for products that should feel calm and trustworthy: investing, healthcare, fitness.", "avoid": "It does not grab attention for scarcity or promotions, so do not make it your sale colour.", "pair": "A touch of warm orange breaks the coolness and brings the composition to life." }, "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/palette-list/miniapp/miniapp-chen-qing-163/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-chen-qing-163/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-chen-qing-163/index.css" }, { "id": "miniapp-miniapp-chen-dian-242", "name": "Starfall", "slug": "miniapp-chen-dian-242", "tags": [ "Sunset", "Blue" ], "scene": "Health screening & appointments", "advice": { "family": "Blue", "depth": "The lead colour 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": "A natural base for dark themes, carrying calm and order.", "avoid": "Cool blue feels reserved in promotions that need heat and momentum.", "pair": "White and pale grey are the safe pairing; a warm accent (orange or yellow) makes calls to action pop." }, "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/palette-list/miniapp/miniapp-chen-dian-242/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-chen-dian-242/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-chen-dian-242/index.css" }, { "id": "miniapp-miniapp-chen-cui-136", "name": "Forest Mist", "slug": "miniapp-chen-cui-136", "tags": [ "Business", "Green" ], "scene": "Wedding planning & photography", "advice": { "family": "Green", "depth": "The lead colour 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": "For health, sustainability, finance and growth — it carries safety and approval almost by default.", "avoid": "It does not grab attention for scarcity or promotions, so do not make it your sale colour.", "pair": "A touch of warm orange breaks the coolness and brings the composition to life." }, "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/palette-list/miniapp/miniapp-chen-cui-136/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-chen-cui-136/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-chen-cui-136/index.css" }, { "id": "miniapp-miniapp-chen-cui-98", "name": "Pine Moss", "slug": "miniapp-chen-cui-98", "tags": [ "Cool", "Green" ], "scene": "Ticketing & shows", "advice": { "family": "Green", "depth": "The lead colour 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": "Good for products that should feel calm and trustworthy: investing, healthcare, fitness.", "avoid": "Yellowish grass greens can look dated; they need careful work on lightness and saturation.", "pair": "Cream and warm grey give it more polish; layering light and dark greens beats adding a third hue." }, "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/palette-list/miniapp/miniapp-chen-cui-98/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-chen-cui-98/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-chen-cui-98/index.css" }, { "id": "miniapp-miniapp-zhong-xia-303", "name": "Lotus Pink", "slug": "miniapp-zhong-xia-303", "tags": [ "High contrast", "Pink" ], "scene": "Pharmacy & medicine delivery", "advice": { "family": "Pink", "depth": "The lead colour 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": "As an accent it softens an otherwise clinical interface.", "avoid": "Too much of it turns saccharine, especially at high saturation.", "pair": "Grey and white keep it from becoming overly sweet; a deep berry purple adds depth." }, "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/palette-list/miniapp/miniapp-zhong-xia-303/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-zhong-xia-303/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-zhong-xia-303/index.css" }, { "id": "miniapp-miniapp-chen-qing-151", "name": "Tea Leaf", "slug": "miniapp-chen-qing-151", "tags": [ "Heritage", "Green" ], "scene": "Restaurant ordering & queue", "advice": { "family": "Green", "depth": "The lead colour 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": "For health, sustainability, finance and growth — it carries safety and approval almost by default.", "avoid": "Yellowish grass greens can look dated; they need careful work on lightness and saturation.", "pair": "Cream and warm grey give it more polish; layering light and dark greens beats adding a third hue." }, "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/palette-list/miniapp/miniapp-chen-qing-151/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-chen-qing-151/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-chen-qing-151/index.css" }, { "id": "miniapp-miniapp-zhong-fei-7", "name": "Poppy", "slug": "miniapp-zhong-fei-7", "tags": [ "Morandi", "Red" ], "scene": "Car service & maintenance", "advice": { "family": "Red", "depth": "The lead colour 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": "Works well for food, retail and campaign pages, where it stirs appetite and the urge to buy.", "avoid": "Avoid it as a large background or long-form text colour; big areas of red tire the eye.", "pair": "Pair with a muted warm beige or charcoal to hold the red back without losing its weight." }, "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/palette-list/miniapp/miniapp-zhong-fei-7/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-zhong-fei-7/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-zhong-fei-7/index.css" }, { "id": "miniapp-miniapp-chen-mei-324", "name": "Rose", "slug": "miniapp-chen-mei-324", "tags": [ "Berry", "Pink" ], "scene": "Hair & nail booking", "advice": { "family": "Pink", "depth": "The lead colour 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": "As an accent it softens an otherwise clinical interface.", "avoid": "Too much of it turns saccharine, especially at high saturation.", "pair": "Grey and white keep it from becoming overly sweet; a deep berry purple adds depth." }, "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/palette-list/miniapp/miniapp-chen-mei-324/", "json": "https://paletteget.com/palette-list/miniapp/miniapp-chen-mei-324/index.json", "css": "https://paletteget.com/palette-list/miniapp/miniapp-chen-mei-324/index.css" } ] } }