MKColorPicker 1.2

MKColorPicker 1.2

LangLanguage SwiftSwift
License MIT
ReleasedLast Release Apr 2018
SPMSupports SPM

Maintained by MKSpinner.

  • By
  • Moayad Al kouz


CI Status Version License Platform

##MKColorPicker MKColorPicker is a fantastic color picker 🎨 written in Swift. Developers can use our color picker as is or they can customize it with all the available features


To run the example project, clone the repo, and run pod install from the Example directory first.






MKColorPicker is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod "MKColorPicker"

How to use

import MKColorPicker

let MKColorPicker = MKColorPickerViewController()
MKColorPicker.selectedColor = { color in
    //Put your code that will be excuted when select a color

//To inialize the picker as popover controller
if let popoverController = MKColorPicker.popoverPresentationController{
    popoverController.delegate = MKColorPicker
    popoverController.permittedArrowDirections = .any
    popoverController.sourceView = sender
    popoverController.sourceRect = sender.bounds

self.present(MKColorPicker, animated: true, completion: nil)

Customize your picker

MKColorPicker.autoDismissAfterSelection = false //default: true

MKColorPicker.scrollDirection = .vertical //default: .horizontal = .square //default: .circle

MKColorPicker.pickerSize = CGSize(width: newWidth, height: newHeight) //default 250, 250

//Change default colors list "colorPalette.plist" contains array of hexa. colors, 
//you can simply change it to your colors or initialize your list from anywhere your want.
var colors = [UIColor]()
let path = Bundle.main.path(forResource: "colorPalette", ofType: "plist")
let pListArray = NSArray(contentsOfFile: path!)

if let colorPalettePlistFile = pListArray as? [String] {
    for col in colorPalettePlistFile{
        colors.append(UIColor(hex: col))

MKColorPicker.allColors = colors


Moayad Al kouz, [email protected]


MKColorPicker is available under the MIT license. See the LICENSE file for more info.