Is there any reason to use the word uchu? It seems like almost everything (colour schemes, AI models, startups, tools, apps, ...) is named using a single randomly-selected Japanese word these days. But... why?
Have you tried running any readability analysis on this? Feels like the contrast on the background and foreground is too low to make for comfortable (long term) reading.
I'm confused by the usage of the word color scheme.
To me a color scheme is something like monokai. A small number of colors that go well together. The application (eg syntax highlighting in a code editor) is obvious and easy. This is just...lots of monochrome colors? How would I use this? Not trying to be dismissive, I'm just confused.
The palette doesn't seem perceptually uniform, i.e. the contrast ratios of each tint vs. white/black aren't the same across all colors. Did your try analysing the palette in https://huetone.ardov.me/ ?
comparing # to # the blue seems far more vibrant and opaque to the others.
compare all of the 5s next to each other and the blue is electric where the other colors look like a tint is applied.
obviously YMMV based on monitor gamma and color profile, but was the intention that each # have a similar tint to the pure color? Because this appears to essentially be a similar system to RGB/CMYK in different notation, over a Munsell Color System implementation that creates equivalence in color perception based on intensity scaling.
I have a similar thing going on, so I sort of know what I'm talking about.(1)
But this is just list of colors made to look fancy. Though I like the oklch color space. But what's up with this orange `oklch(78.75% 0.14163582809066333 54.32911089172009)`. Why the needlessly long decimals. The difference I can spot is minimal, when truncating a few decimals.
I suppose there is no hard requirement for consistent saturation between hues, but that seems a bit inconsistent to my tastes. Darker yellow and orange colours seem a little too washed out.
Overall I like the total palette though. Especially the avoidance of “red” red, which is a colour I think many designers dislike. I would love to see a study on colour preferences in relation to eye colour.
Very nice colours. However I am mildly red-green colour blind like 5% of men (and very few women) and the two in the middle look practically the same to me. The left and third from left are almost indistinguishable too. I'm guessing this isn't the case for everybody?
This is exactly why I read HN! So cool. And a fellow Svelte lover. 10/10.
Good luck with the social network! It’s brutal out there..
PS — would be so cool to see a tailwind plugin of this (which in v4 should be just copying the vars in.. I didn’t look at the repo super closely). Great shit!
If you design a webpage that looks like an app loading screen, and have to put the word "SCROLL" at the bottom, I think that's a design failure, for the same/similar reasons that "click here" links are.
Just a heads up that this site has an animated SVG favicon. I had added it to my Firefox bookmarks bar and the favicon kept animating its color changes. Looked pretty neat, but then realised after a day or so that Firefox was chewing up 50-60% CPU on my MacBook Air. Turns out it was down to this bookmark, after I removed it, the CPU levels were much much lower.
I'm not sure if it's the same deal if I were to put the bookmark in a folder (so it's not in view all the time) but just something to note.
Very nice, I'm saving it! The red palette looks extremely pink on my screen though.
Btw, I miss reading the socii dev blog, I was working on something similar at the time and I found your posts super interesting. What happend with socii? Are you still working on it?
This seems like a neat idea, importing something simple like a colour pallette to get a small project started with some sane choices. Not sure why the negativity on a project like this.
I have no feelings about the palette, as I would need to spent time applying it to really get a feel for it, but I like the website. The cleanliness and simplicity is nice.
A website about color scheme that does not respect my darkmode browser preference and burns my eyes on my large screen in the middle of the night with its white background. It also prevents my dark reader extension from doing its job (in all 4 modes!)
This little visual flashy aggression triggers a little angriness reaction.
I ended up escaping without reading what it was about.
If you love the internet, please respect dark mode.
Uchū – Color palette for internet lovers
(uchu.style)673 points by NetOpWibby 16 February 2025 | 272 comments
Comments
https://developer.mozilla.org/en-US/docs/Web/CSS/color_value...
To me a color scheme is something like monokai. A small number of colors that go well together. The application (eg syntax highlighting in a code editor) is obvious and easy. This is just...lots of monochrome colors? How would I use this? Not trying to be dismissive, I'm just confused.
compare all of the 5s next to each other and the blue is electric where the other colors look like a tint is applied.
obviously YMMV based on monitor gamma and color profile, but was the intention that each # have a similar tint to the pure color? Because this appears to essentially be a similar system to RGB/CMYK in different notation, over a Munsell Color System implementation that creates equivalence in color perception based on intensity scaling.
https://tailwindcss.com/docs/colors
^1: https://codeberg.org/39zde/euma
Overall I like the total palette though. Especially the avoidance of “red” red, which is a colour I think many designers dislike. I would love to see a study on colour preferences in relation to eye colour.
In the same vein, but with more hues… https://www.s-ings.com/scratchpad/oklch-smooth/
Good luck with the social network! It’s brutal out there..
PS — would be so cool to see a tailwind plugin of this (which in v4 should be just copying the vars in.. I didn’t look at the repo super closely). Great shit!
[0] https://webb.page
I'm not sure if it's the same deal if I were to put the bookmark in a folder (so it's not in view all the time) but just something to note.
Btw, I miss reading the socii dev blog, I was working on something similar at the time and I found your posts super interesting. What happend with socii? Are you still working on it?
https://uchu.style/color.css
Recently discovered something similar: Flexoki - https://stephango.com/flexoki
This little visual flashy aggression triggers a little angriness reaction.
I ended up escaping without reading what it was about.
If you love the internet, please respect dark mode.
P.S. Subscribed to the RSS feed, but I noticed it's not auto detectable from main URL.
I'm curious what's your process to pick colors for a colorscheme that are so harmonious with each other.
Mada mada tochū
Shiritai koto ga afureru
Nande darō tte omou nara
Sa, sagashi ni yukō!
Is it just me or do purples 5 through 8 not seem as differentiated as all the other colors across the palette?
Was this an intentional choice?
Note: I have no color sensitivity deficiencies and a reasonable understanding of color theory.
Please.