Root
Loops
Terminal color schemes for cereal lovers.
Your own terminal color scheme, as simple as making a bowl of cereal
Root Loops helps you generate tasty color schemes that you can use for terminal emulators, syntax highlighting, or whatever else you fancy. Dark mode, light mode, vibrant or pale, you decide.
What is Root Loops?
Root Loops is a terminal color scheme generator. It allows you to generate color schemes by mixing a few ingredients. The generated color schemes are ANSI color code compliant and can be used in most terminal emulators and syntax highlighting engines.
Root Loops generates a color scheme resembling 4-bit color scheme conventions, consisting of 16 colors in total. You get 4 base colors (black, white, bright black and bright white) and 12 accent colors (red, green, yellow, blue, magenta, cyan, and their respective bright versions). You don't have to use the bright versions of the color scheme if you don't want to or your terminal emulator doesn't support this, leaving you with a 3-bit color scheme.
Why should I use Root Loops?
Designing a terminal color scheme sounds easier than it is. You only need a few base colors and a few accents, but chosing your colors so that they have a consistent tone, good legibility, reasonable contrast, semantic colors, and most importantly ✨the right vibe ✨ can be tedious. Root Loops tries to make it fun and easy to generate color schemes by giving you a few ingredients you can play with until you found something you like.
Under the hood, Root Loops uses the Okhsl color space which is based on the increasingly popular Oklch color space but a little easier to use in tools like Root Loops. Using this color space makes it easy to generate a consistent color palette that respects how your eyes perceive the hue and lightness of colors.
This color model isn't perfect but it generates better results than a more tried-and-trusted models like HSL which often leads to a color palette that looks like it's got uneven saturation. The result is a more harmonic, even, and maybe even accessible color palette.
How does it work?
At the top of the page you find a bunch of ingredients you can mix to create a recipe for your bowl of cereal. Root loops will use these ingredients to generate a color scheme consisting of 16 colors - 4 base colors and 12 accent colors.
Each of the ingredients drives a different aspect of the resulting color scheme:
- Sugar: Drives the lightness of your accent colors. More sugar results in brighter colors.
- Artificial Colors: Add more artificial colors to make your accent colors more vibrant. Do you prefer a pale and bland look and like it if your cereals taste like cardboard? Simply reduce the amount of artificial colors!
- Milk: Determines the lightness of your base colors. Use this to switch from a dark theme to a light theme. More milk means more brightness.
- Cereal Flavor: You can pick from one of three flavors: Classic, Fruity, and Intense. Each flavor shifts the hue of all accent colors a bit while still ensuring consistent hue distance and color semantics among all accent colors.
- Fruit: Feeling fancy? Add some fresh fruit to your bowl of cereal to tweak the overall hue of your base colors. Paired with the "Sogginess" option this will lead to nice and colorful base tones.
- Sogginess: Let your bowl sit for a while and you'll see how your milk turns more vibrant. The "sogginess" ingredient determines how vibrant the color of your milk is going to be. Based on the fruit you chose the sogginess is going to add a more or less intense hue of that fruit's color to your base colors.
How do I use the color scheme in my terminal emulator?
You can click on a cereal to copy its color value to your clipboard. Depending on the terminal emulator you use, you can then paste this color into a configuration file or pass it to the graphical user interface of your terminal emulator to define your new color scheme. The colors should map to the default ANSI colors your terminal emulator is asking for.
Can I use these colors for anything else?
You can use the generated color schemes for whatever you like. You could use them to define a custom code highlighting color scheme for your blog, use them in your next design, or whatever else you fancy.
If you ended up finding this tool useful, I'd love to hear from you. You find my contact details on my website
Why do some of the recipes generate ugly-ass color schemes?
Well... it's just like when you make yourself a bowl of cereal: It's hard to screw this up, but if you really insist you can create a bowl of cereal that's hardly edible. That's on you, my friend.
I found a bug. Where can I report it?
I miss a feature. Where can I request it?
Where can I find the source code?
You guessed it: On GitHub.
How can I learn more about what's happening behind the scenes?
I wrote a pretty elaborate blog post explaining the things I discovered while building Root Loops. This would be your best destination.
What's up with all the cereal puns?
I think it's fun ¯\_(ツ)_/¯