iOS App Color Palette Generator

Build a colour palette for your iOS app — with light and dark variants — then export it straight into Xcode as an Asset Catalog .colorset, or as SwiftUI / UIKit code. Start from a seed colour or add your own. Everything runs in your browser.

Generates a six-role palette (Primary, Secondary, Accent, Background, Surface, Label) with light + dark variants. This replaces the colours below.

Your colours

6 / 24

Preview

Primary
#2A1FE0
Secondary
#D6E128
Accent
#D9E336
Background
#FBFBFC
Surface
#F5F5F7
Label
#1F1E29

Export

Download a ready-to-drop AppColors.xcassets folder — one .colorset per colour, with the dark variants baked into Any/Dark appearances. Unzip it and drag the folder into your Xcode project's asset catalog.

Example — Primary.colorset/Contents.json

{
  "colors": [
    {
      "idiom": "universal",
      "color": {
        "color-space": "srgb",
        "components": {
          "red": "0.165",
          "green": "0.122",
          "blue": "0.878",
          "alpha": "1.000"
        }
      }
    },
    {
      "idiom": "universal",
      "color": {
        "color-space": "srgb",
        "components": {
          "red": "0.392",
          "green": "0.365",
          "blue": "0.875",
          "alpha": "1.000"
        }
      },
      "appearances": [
        {
          "appearance": "luminosity",
          "value": "dark"
        }
      ]
    }
  ],
  "info": {
    "author": "xcode",
    "version": 1
  }
}

Color sets & dark mode in Xcode

Apple's recommended way to manage colours is the Asset Catalog: each colour lives in a .colorset that can carry separate values for light and dark appearances. At runtime the system picks the right one automatically, so your UI adapts to Dark Mode with no extra code. This generator produces that exact structure — named colour sets with Any and Dark variants — plus equivalent SwiftUI and UIKit code if you prefer defining colours in Swift.

How to use the export

  • Build your palette above, or generate one from a seed colour and a harmony.
  • Add a dark-mode value to any colour that needs to change in Dark Mode.
  • For the Asset Catalog: download the .zip, unzip it, and drag the .xcassets folder into Xcode.
  • For SwiftUI / UIKit: copy the extension into your project and use Color.brandPrimary.

Want a full pre-submission review?

AcceptMyApp analyzes your metadata, permissions, and privacy setup against Apple's guidelines and surfaces rejection risks before you hit submit.

Try it free