Add a custom color palette to XCode Interface Builder

Question

My current long term project utilizes a palette of custom colors. In code, we are using a category to access these colors by name. This works great but there are times, such

Answer 1

Xcode 9

You now have another option to add Color Sets or Named Colors to your assets. This is new in Xcode 9.

1. Adding Named Colors to Your Project

In *.xcassets > right-click > New Color Set

2. Assigning Name Colors to Views

Your new Named Colors show up in your Color Picker now in their own section.

Answer 2

Custom Color Palette

In the Interface Builder's color dialog, choose the third tab. Click the gear and New to make a new custom color palette. You can name it whatever you want. Then click the plus (+) button to add a new color and name it. Use the color picker tool to set the color.

Colors from RGB or Hex

Choose the second tab in the color dialog and select RGB Sliders. This will allow you to set the colors using RGB or hex values.

More Help

• XCode Tip: Color Palette
• How to define colors in XCodes' Interface Builder?
• How do I enter RGB values into Interface Builder?

Answer 3

Yes, you can create and edit a palette in IB and then share it with your team This article has all the details: http://natashatherobot.com/xcode-color-palette/