i've been working on moving away from Tailwind, and one thing I'm realizing I appreciated about Tailwind is having a basic color palette (blues, grays, greens, indigos, pinks, purples, reds, yellows) I could use while prototyping

[eeentropyyy@hachyderm.io]

@b0rk I used https://harmonizer.evilmartians.com to create my own and it has some built in contrast checking too which I like.

[dominik@nona.social]

@sarajw @b0rk oooh! TIL, I like this a lot! Thanks!

[loupbrun@mastodon.quebec]

@b0rk I would use a tailwind palette generator like https://github.com/fullsolid/tailwindshades (installable offline!), extract the config for each color palette, and make a CSS variable list out of it.

[b0rk@social.jvns.ca]

@watters thanks, this is great

[trey@indieweb.social]

@b0rk https://open-props.style/#colors is pretty cool

[zygous@toot.community]

@b0rk I see others have already mentioned calc(), but I enjoyed this recent blog post by @cferdinandi: https://gomakethings.com/generative-colors-with-css/

[ikesau@micro.ikesau.co]

@b0rk @sarajw and if you don't mind a slightly hard-to-reason-about colour space, using oklab or oklch will get you even nicer derivatives

[nihilistic_capybara@layer8.space]

@b0rk if you find out please le me know too.

Boosting for visibility

[marien@tutut.delire.party]

@b0rk I use Radix UI colors a lot, it makes creating light/dark modes very easy https://www.radix-ui.com/colors/docs/palette-composition/scales

[sarajw@front-end.social]

@ikesau agreed!

@b0rk yes it's very cool what you can do now - CSS is ever more powerful, I don't like using tailwind because I find it limiting.

[nelson@tech.lgbt]

@b0rk your question is making me nostalgic for the X11 rgb.txt which later became the basis of HTML and then CSS colors. Dates to 1985! It's not a great palette, it pre-dates all the work on perceptual color palettes.

[thejikz@infosec.exchange]

@b0rk I was searching for a decent scheme in my CSS learning and did stumble across this at least as a base reference, I enjoy the off namings and think it could be easily converted to CSS

XCXD color scheme Link:
https://xkcd.com/color/rgb/

[trey@indieweb.social]

@b0rk Oh, and this one looks interesting as well https://colorpalette.pro

I'm having a lot of fun seeing all the things folks are linking to in this thread!

[tendstofortytwo@social.treehouse.systems]

@b0rk I enjoy https://coolors.co because it lets me dial a color combination in for a particular use case while making it easy to make it look good, but there's also other premade palettes like https://materialui.co/colors and https://flatuicolors.com that are great in a pinch. they have different vibes though I think. the flat ui palettes are more muted, the material ones are more vibrant, tailwind is sorta a nice middle ground

[trademark@fosstodon.org]

@b0rk I like https://clrs.cc/ possibly because the URL is so easy to remember

[njonsson@hachyderm.io]

@b0rk, mind saying where you’re going after Tailwind?

[b0rk@social.jvns.ca]

@njonsson just writing CSS myself!

[bomberstudios@mastodon.online]

@gastonrampersad @b0rk +1 for uchū, the colors are very nice and the whole thing is a pleasure to use

[ttt@mastodon.social]

@b0rk https://stephango.com/flexoki

[willywongi@indieweb.social]

@b0rk I HAVE to mention WebAwesome. https://webawesome.com/docs/color-palettes