guess my favorite color.
Credit where credit's due, when I initially started using color palettes, I first started with the all so (in)famous catppuccin's macchiato palette. And it was pretty good. I was happy with it for a while, but after a few months, I started to get tired of the "reddishy" tint a lot of the colors had, especially the darker base colors.
Coincidentally, around this time I stumbled across a screenshot of nuxshed's dotfiles, specifically the hydrangea colorscheme.
I really liked the both of them, but neither of them were what I was looking for. So, I decided to make my own, somewhere inbetweeen the two.
For ease of use, all of the colors are defined in colors.json as regular hex
codes, at the root directory of this repo. I did this so it would be easy for
others to simply pull the one file and use it from there, though I have no idea
whether or not that's really practical. That aside, colors.json serves as the
one source of truth for this entire repository; README.md is automatically
generated with nix run, and this repository's flake also derives its values
from colors.json. That's the main way I access this color palette.
flake.nix outputs colors, where colors.${color} is a attrset of different
formats for the chosen color. See Colors for the options.
Each colors.${color} has the attributes:
The regular hex code format you'd see anywhere, e.g.:
"#ffffff"Same as hex, with the hash removed:
"ffffff"A simple function that takes an integer, x, and returns hex with the
hexidecimal form of x appended. Quite literally:
hexa = alpha: alpha
|> trivial.toHexString
|> (x: hex + x);Thus:
hexa 127Returns:
"#ffffff7f"Similar to rgb() in css:
"rgb(255, 255, 255)"Similar to hexa, essentially:
rgba = alpha: "rgba(255, 255, 255, ${alpha})"Thus:
rgba 127Returns:
"rgba(255, 255, 255, 127)"| name | hex | rgb |
|---|---|---|
red |
#a86878 |
rgb(168,104,120) |
orange |
#b49381 |
rgb(180,147,129) |
yellow |
#ded3bc |
rgb(222,211,188) |
green |
#879a95 |
rgb(135,154,149) |
teal |
#7ba9b0 |
rgb(123,169,176) |
blue |
#4a5671 |
rgb(74,86,113) |
light_blue |
#bcc8e2 |
rgb(188,200,226) |
lavendar |
#cfcaea |
rgb(207,202,234) |
purple |
#927da2 |
rgb(146,125,162) |
white |
#e0e6f1 |
rgb(224,230,241) |
light_gray |
#696c81 |
rgb(105,108,129) |
gray |
#131417 |
rgb(19,20,23) |
black |
#0d0e0e |
rgb(13,14,14) |