palette-0

Hi! I'm Elli. This is my fork of the Flexoki palette by Steph Ango (kepano). This palette shifts Flexoki's hue angles toward a cooler temperature and compensates for differences in perceived brightness across hues.

Click any swatch to copy its hex value.

Chroma1.00

Hue shift0°

Contrast1.00

α1.00

-0.31

-0.16

-0.04

0.10

0.17

0.19

0.17

0.06

-0.18

-0.51

-0.91

-1.22

-1.34

-1.22

-0.94

100

150

200

300

400

500

600

700

800

850

900

950

975

1000

Base

#FAFDF3

#F4F7ED

#EEF1E7

#E2E5DC

#D6D9D0

#CACDC6

#B3B6AF

#9B9E98

#838682

#6C6F6B

#545755

#3C3F3E

#313433

#252828

#191C1C

#131616

#0D1010

Red

#FFF9F7

#FFF0EA

#FFE6DF

#FFD1C9

#FFBBB3

#FFA59E

#F57E79

#DF5D5E

#C3454A

#AA2337

#851E26

#61171D

#4F171A

#3B1517

#261314

#1A1212

#0F0F0F

Vermillion

#FFFAF6

#FFF1E9

#FFE8DD

#FFD6C7

#FFC3AF

#FFAF98

#F98A6F

#E46B55

#C85341

#AF372E

#8A2A1F

#642017

#511D15

#3D1913

#261511

#1B1210

#100F0F

Orange

#FFFBF4

#FFF3E6

#FFEBDB

#FFDBC4

#FFCAAA

#FFB891

#FA9565

#E5784C

#CA5F37

#B04624

#8D3417

#662710

#522210

#3D1D10

#27170F

#1B130E

#110F0D

Amber

#FFFCF3

#FFF6E1

#FFEFD1

#FFE2B2

#FDD492

#FAC674

#EEAA47

#D89024

#BD7800

#9F6200

#7E4D00

#5C3700

#4C2E00

#392404

#251A0A

#1B150B

#120F0B

Yellow

#FEFEEF

#FBF9DF

#F7F5CE

#F0ECAC

#E9E28D

#E0D771

#D0BF46

#BAA525

#A18C03

#877400

#6A5B00

#4D4200

#3F3700

#2F2A04

#1F1E09

#18170A

#11100A

Chartreuse

#FEFEF0

#F9F9E2

#F3F6D4

#E8EEB8

#DCE59E

#D1DB86

#BCC562

#A4AD46

#8B942A

#747C0B

#5B6200

#414703

#363B07

#292D09

#1C1F0C

#16170C

#10100B

Green

#FEFDF1

#F7F9E4

#EFF6D9

#E1EEC2

#D2E5AC

#C4DC98

#A9C878

#8EB15F

#729A44

#59832D

#44681E

#324B15

#2A3D13

#212F10

#191F0F

#14180E

#0F100D

Teal

#FBFDF5

#F2F9EA

#E6F6E2

#CFEFD1

#B9E6C1

#A4DEB3

#81CA9A

#61B386

#459A70

#2B825B

#1C6747

#154A32

#143D2A

#132E20

#111F17

#101812

#0D110E

Cyan

#FAFCF8

#EEF8EF

#E0F4E8

#C3EBDE

#A7E2D4

#8ED8CA

#63C3B5

#40ABA4

#2D918B

#1A7974

#0B5F5C

#0B4542

#0E3937

#0F2B29

#0F1E1C

#0D1716

#0C1010

Azure

#FBFAF4

#EFF6ED

#E0F1EB

#C1E5E8

#A3D9E0

#89CDD9

#5AB5C8

#2A9BB8

#0082A0

#006883

#005167

#003B4B

#00313F

#042631

#0C1B20

#0D1517

#0D1010

Blue

#FCF7F0

#EFF4EC

#E3EFEE

#C8DFEB

#ADCFE5

#94C0DE

#6BA2CF

#4681BF

#2E64AA

#174794

#0C3675

#0A2855

#0A2345

#0D1C34

#0E1721

#0E1318

#0F0F10

Indigo

#F8F7EF

#F3F1E9

#E9EBF2

#D1D9EB

#B8C6E4

#A1B4DC

#7C93CA

#556FB6

#3C4E9F

#293087

#1D226B

#151A4D

#12173F

#111530

#101320

#0F1218

#0F0F10

Purple

#F5F8F0

#F7F0EB

#F0EAED

#DCD6E7

#C6C3DF

#B2AED6

#908CC3

#6766AF

#4C4297

#38217E

#281464

#1E1148

#1A103B

#16112D

#13111E

#121117

#0F0F0F

Violet

#FBF7F0

#F9EDE9

#F3E4E8

#E4CCE1

#D3B5D7

#C49DCC

#A977B5

#8951A1

#703087

#59116E

#440556

#31073E

#290A34

#210D28

#180F1C

#140F16

#0F0E10

Magenta

#FEF7F4

#FCECE9

#F9E0E3

#F1C7D4

#E8ACC5

#DF94B6

#C96A9A

#AE4685

#93296D

#7A0A57

#5F0044

#450431

#390A2A

#2C0D22

#1E0E1A

#170E15

#100D10

At the same measured lightness, different hues can appear brighter or darker to the eye, for example, yellow looks bright while purple and blue look dark. This is called the Helmholtz-Kohlrausch effect. The sliders on the left control per-hue lightness corrections (k coefficients). The α slider above controls overall correction strength; at zero, every hue shares a flat, perceptually uniform lightness ramp. I honestly used OpenCode (mainly Claude, Codex, some open-source models) to create most of the project (specifically the OKLab stuff), so I can't speak to the full science behind it all. In any case, play around with the sliders and see how colors interact with one another! :)