ACCESS YOUR COLORS EVERYWHERE

Pick colors in your favorite applications

  • The Open Color Picker is available in any application that supports Apple’s native color pickers.
  • It shows all palettes managed by the Companion App.
ACCESS YOUR COLORS EVERYWHERE

Customize palettes to fit your everyday tasks

There are 10 different views to choose from. Each one has several options that can be configured.

ALWAYS HAVE YOUR IMPORTANT COLORS AT HAND

Keep all palettes in a central place

  • All color palettes are managed in the Companion App.
  • Editing colors is easy with its built-in editor with live preview.
  • There are powerful transforms: It can resolve duplicate colors, automatically name your colors, change the formatting of their names or sort them, for example by hue.
UNLOCK THE EXISTING MEANING OF COLORS

Import and export many formats

  • The app lets you unbox the existing meaning of colors: Importing the colors from a ACO, CSS, Less or Sass file is as simple as dragging and dropping.
  • The export to CSS, Less, Sass, JSON and Swift gets you into production instantly.
  • OCO › Sass
  • Sass › OCO
  • CSS › OCO
  • OCO › JSON
  • OCO › Swift
Primary:
  White: #FFFFFF
  Light Blue: #25AEE0
Secondary:
  Grey: #CACFC9
  Light Green: #98C00F
  Orange: #EE9F00
Header:
  Text: =Primary.Light Blue
  Background: =Secondary.Grey
$primary-white: #FFFFFF;
$primary-light-blue: #25AEE0;
$secondary-grey: #CACFC9;
$secondary-light-green: #98C00F;
$secondary-orange: #EE9F00;
$header-orange: $primary-light-blue;
$header-background: $secondary-grey;
ALWAYS HAVE YOUR IMPORTANT COLORS AT HAND

Improve your Sketch workflow

  • Open Color Tools integrates well with Sketch: The dedicated plugin offers many additional features.
  • Connect text color, fill color or other styles to a palette for quick color updates.
  • Use meaningfull colors and test the power of theme swapping.
  • Import and export document colors and compose new palettes in Sketch.
KICK-START YOUR DESIGN PROCESS

Start projects faster

Open Color Tools comes with palettes for the most popular platforms, including Google Material Design and Apple iOS.

Google Material Design
Apple UI Colors
UNLOCK THE EXISTING MEANING OF COLORS

Connect design and code with a human readable format

Below you see meaingful colors expressed as open color format. Click next to learn how to write your own .oco files step by step.

For just $24.99 you get:

The Picker

Access and use your palettes in any application that supports the native color panel. Customize them to fit your purpose.

The Companion App

Manage and edit your palettes, import and export various formats and use transforms to quickly change entire palettes.

Open Color Palettes

Start projects faster with our popular palettes. Share your own palettes with your team to make sure everyone is using the same colors.

Important Notice regarding macOS 10.13 'High Sierra'

The Open Color Picker unfortunately does not work at all on the latest version of Apple's macOS

We've started to look into possible fixes, but can't give you an ETA for an update yet

If you use the Color Picker in your Open Color workflow, please do not update to macOS 10.13 'High Sierra'