Create palette from base colors

[btfcss]

Hi, it's probably not the right place to ask this kind of question, but I would like to create a full palette from the following base colors :

--red: #DE3023;
--orange: #FFAA40;
--yellow: #DED140;
--green: #1F8F49;
--blue: #1b34cd;
--purple: #B834C7;
--light-grey: #dcdee6;
--dark-grey: #3B4154;

I tried to use this page. But, I can't figure out how it works. I tried to put my base colors in the column 500 and to click on "Apply current hue to row". Sometimes it works, sometimes not. And from the same base color It doesn't always generate the same row.

I already read this page https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl. It states :

Designers can define a formula, choose a few colors, and an entire design system palette is automatically generated.

Hum ... What am I missing?

[ai]

Designers can define a formula, choose a few colors, and an entire design system palette is automatically generated.
Hum ... What am I missing?

There is no single formula for everyone.

OKLCH gives you math do create this formula for yourself.

There is no simple out of the box tool right now. There are a few advanced tools which you need to learn.

https://huetone.ardov.me is definitely a tool for you. But you need to learn it, yes. The best way is to contact (or start from reading social media) https://ardov.me

Also, my friend is developing a little simpler tool. https://x.com/antiflasher/status/1907075462016163880 But you need top ask him about the current status.

[romashamin]

@btfcss I’d recommend giving accessiblepalette.com a shot—it lets you set a base color for each ramp.