<![CDATA[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]]>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

i extracted it into css variables so I can still use it if I want:

Link Preview Image
colors.css

GitHub Gist: instantly share code, notes, and snippets.

favicon

Gist (gist.github.com)

but now I'm curious: are there similar CSS color palettes like this out there?

]]>https://board.circlewithadot.net/topic/3976a3da-e10b-4d0c-9a78-90893aadfa8f/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-prototypingRSS for NodeFri, 15 May 2026 08:23:09 GMTMon, 04 May 2026 12:39:20 GMT60<![CDATA[Reply to 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 on Mon, 04 May 2026 15:52:55 GMT]]>@b0rk not strictly what you asked for, but i have been at a similar point multiple times – wondering whether it wouldn’t be cool to build such a palette myself, for my own use.

straddling the genericity to whip something up quickly, with the speed you get from reduced choice, and the sum of these somethings still carrying an overall fingerprint of my ideas and predilections when it comes to colour.

after all, if there’s a need to not have that, i can always fine tune it away later. and if there’s no need to, there’s no harm in it looking ‘mine’.

]]>https://board.circlewithadot.net/post/https://toot.cat/users/gekitsu/statuses/116517108173591045https://board.circlewithadot.net/post/https://toot.cat/users/gekitsu/statuses/116517108173591045Mon, 04 May 2026 15:52:55 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 14:49:15 GMT]]>@b0rk I HAVE to mention WebAwesome. https://webawesome.com/docs/color-palettes

]]>https://board.circlewithadot.net/post/https://indieweb.social/users/willywongi/statuses/116516857829349768https://board.circlewithadot.net/post/https://indieweb.social/users/willywongi/statuses/116516857829349768Mon, 04 May 2026 14:49:15 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 14:35:57 GMT]]>@b0rk https://stephango.com/flexoki

]]>https://board.circlewithadot.net/post/https://mastodon.social/users/ttt/statuses/116516805536964026https://board.circlewithadot.net/post/https://mastodon.social/users/ttt/statuses/116516805536964026Mon, 04 May 2026 14:35:57 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 14:33:12 GMT]]>@gastonrampersad @b0rk +1 for uchū, the colors are very nice and the whole thing is a pleasure to use

]]>https://board.circlewithadot.net/post/https://mastodon.online/users/bomberstudios/statuses/116516794680381345https://board.circlewithadot.net/post/https://mastodon.online/users/bomberstudios/statuses/116516794680381345Mon, 04 May 2026 14:33:12 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 14:25:43 GMT]]>@njonsson just writing CSS myself!

]]>https://board.circlewithadot.net/post/https://social.jvns.ca/users/b0rk/statuses/116516765291207793https://board.circlewithadot.net/post/https://social.jvns.ca/users/b0rk/statuses/116516765291207793Mon, 04 May 2026 14:25:43 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 14:21:38 GMT]]>@b0rk, mind saying where you’re going after Tailwind?

]]>https://board.circlewithadot.net/post/https://hachyderm.io/users/njonsson/statuses/116516749197282916https://board.circlewithadot.net/post/https://hachyderm.io/users/njonsson/statuses/116516749197282916Mon, 04 May 2026 14:21:38 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 14:13:05 GMT]]>@b0rk I like https://clrs.cc/ possibly because the URL is so easy to remember 🙂

]]>https://board.circlewithadot.net/post/https://fosstodon.org/users/trademark/statuses/116516715593026505https://board.circlewithadot.net/post/https://fosstodon.org/users/trademark/statuses/116516715593026505Mon, 04 May 2026 14:13:05 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 14:05:10 GMT]]>@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

]]>https://board.circlewithadot.net/post/https://social.treehouse.systems/users/tendstofortytwo/statuses/116516684444661570https://board.circlewithadot.net/post/https://social.treehouse.systems/users/tendstofortytwo/statuses/116516684444661570Mon, 04 May 2026 14:05:10 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:58:50 GMT]]>@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!

]]>https://board.circlewithadot.net/post/https://indieweb.social/users/trey/statuses/116516659592587424https://board.circlewithadot.net/post/https://indieweb.social/users/trey/statuses/116516659592587424Mon, 04 May 2026 13:58:50 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:54:53 GMT]]>@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/

]]>https://board.circlewithadot.net/post/https://infosec.exchange/users/thejikz/statuses/116516644030602536https://board.circlewithadot.net/post/https://infosec.exchange/users/thejikz/statuses/116516644030602536Mon, 04 May 2026 13:54:53 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:46:07 GMT]]>@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.

Link Preview Image
]]>https://board.circlewithadot.net/post/https://tech.lgbt/users/nelson/statuses/116516609564771302https://board.circlewithadot.net/post/https://tech.lgbt/users/nelson/statuses/116516609564771302Mon, 04 May 2026 13:46:07 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:42:55 GMT]]>@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.

]]>https://board.circlewithadot.net/post/https://front-end.social/users/sarajw/statuses/116516596987009424https://board.circlewithadot.net/post/https://front-end.social/users/sarajw/statuses/116516596987009424Mon, 04 May 2026 13:42:55 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:30:27 GMT]]>@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

]]>https://board.circlewithadot.net/post/https://tutut.delire.party/users/marien/statuses/116516547964118389https://board.circlewithadot.net/post/https://tutut.delire.party/users/marien/statuses/116516547964118389Mon, 04 May 2026 13:30:27 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:28:19 GMT]]>@b0rk if you find out please le me know too.

Boosting for visibility

]]>https://board.circlewithadot.net/post/https://layer8.space/users/nihilistic_capybara/statuses/116516539553618376https://board.circlewithadot.net/post/https://layer8.space/users/nihilistic_capybara/statuses/116516539553618376Mon, 04 May 2026 13:28:19 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:25:06 GMT]]>@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 🙂

]]>https://board.circlewithadot.net/post/https://micro.ikesau.co/users/ikesau/statuses/01KQSJKWY5HG2CDJ06QSKR9Y2Jhttps://board.circlewithadot.net/post/https://micro.ikesau.co/users/ikesau/statuses/01KQSJKWY5HG2CDJ06QSKR9Y2JMon, 04 May 2026 13:25:06 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:21:38 GMT]]>@b0rk I see others have already mentioned calc(), but I enjoyed this recent blog post by @cferdinandi: https://gomakethings.com/generative-colors-with-css/

]]>https://board.circlewithadot.net/post/https://toot.community/ap/users/116040793442513674/statuses/116516513309114177https://board.circlewithadot.net/post/https://toot.community/ap/users/116040793442513674/statuses/116516513309114177Mon, 04 May 2026 13:21:38 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:21:18 GMT]]>@b0rk https://open-props.style/#colors is pretty cool

]]>https://board.circlewithadot.net/post/https://indieweb.social/users/trey/statuses/116516511990488547https://board.circlewithadot.net/post/https://indieweb.social/users/trey/statuses/116516511990488547Mon, 04 May 2026 13:21:18 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:07:42 GMT]]>@watters thanks, this is great

]]>https://board.circlewithadot.net/post/https://social.jvns.ca/users/b0rk/statuses/116516458512477046https://board.circlewithadot.net/post/https://social.jvns.ca/users/b0rk/statuses/116516458512477046Mon, 04 May 2026 13:07:42 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:03:51 GMT]]>@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.

Link Preview ImageLink Preview Image
]]>https://board.circlewithadot.net/post/https://mastodon.quebec/users/loupbrun/statuses/116516443369937475https://board.circlewithadot.net/post/https://mastodon.quebec/users/loupbrun/statuses/116516443369937475Mon, 04 May 2026 13:03:51 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:03:48 GMT]]>@sarajw @b0rk oooh! TIL, I like this a lot! Thanks!

]]>https://board.circlewithadot.net/post/https://nona.social/users/dominik/statuses/116516443130578155https://board.circlewithadot.net/post/https://nona.social/users/dominik/statuses/116516443130578155Mon, 04 May 2026 13:03:48 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:02:41 GMT]]>@b0rk I used https://harmonizer.evilmartians.com to create my own and it has some built in contrast checking too which I like.

]]>https://board.circlewithadot.net/post/https://hachyderm.io/users/eeentropyyy/statuses/116516438792256694https://board.circlewithadot.net/post/https://hachyderm.io/users/eeentropyyy/statuses/116516438792256694Mon, 04 May 2026 13:02:41 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:02:32 GMT]]>@pjg1 thanks!

]]>https://board.circlewithadot.net/post/https://social.jvns.ca/users/b0rk/statuses/116516438166390580https://board.circlewithadot.net/post/https://social.jvns.ca/users/b0rk/statuses/116516438166390580Mon, 04 May 2026 13:02:32 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:01:28 GMT]]>@shnizmuffin nice! i wanted the exact colors from the tailwind 2.2.7 stylesheet I was using anyway and it only took a few minutes

]]>https://board.circlewithadot.net/post/https://social.jvns.ca/users/b0rk/statuses/116516433975375700https://board.circlewithadot.net/post/https://social.jvns.ca/users/b0rk/statuses/116516433975375700Mon, 04 May 2026 13:01:28 GMT<![CDATA[Reply to 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 on Mon, 04 May 2026 13:00:39 GMT]]>@b0rk ...which is really to say it's an algorithmic monochromatic palette https://www.colorhexa.com/E97339

]]>https://board.circlewithadot.net/post/https://mastodon.social/users/200ok/statuses/116516430787384444https://board.circlewithadot.net/post/https://mastodon.social/users/200ok/statuses/116516430787384444Mon, 04 May 2026 13:00:39 GMT