Coloki – A simple color palette generator

This tool is inspired by Flexoki by Steph Ango.

Simply define a primary color, and get a full usable color palette. Make adjustments if need be.

Primary color

Lighten intensity: 0.12

Darken intensity: 0.08

Saturation preservation: 1.0

Lighten saturation boost: 0.15

Darken saturation reduce: 0.15


--coloki-50:  #DDF1E4;
--coloki-100: #BFE8D9;
--coloki-150: #A2DECE;
--coloki-200: #87D3C3;
--coloki-300: #5ABDAC;
--coloki-400: #3AA99F;
--coloki-500: #2F968D;
--coloki-600: #24837B;
--coloki-700: #1C6C66;
--coloki-800: #164F4A;
--coloki-850: #143F3C;
--coloki-900: #122F2C;
--coloki-950: #101F1D;

Primary Color