A fancy and sophisticated color scheme for your favorite editors and terminals, with a light and a dark variant.
Or browse the terminals, tools and community ports.
Every color carries one meaning, used consistently across every language and tuned for contrast and readability.
import { useState, useMemo } from "react";
interface Props {
scopes: readonly string[];
onPick?: (hex: string) => void;
}
// Thirteen scopes, each with a fixed meaning.
export function Palette({ scopes, onPick }: Props) {
const [active, setActive] = useState<number | null>(null);
const total = useMemo(() => scopes.length, [scopes]);
if (total === 0) return null;
return (
<ul className="palette" data-count={total}>
{scopes.map((scope, i) => (
<li
key={scope}
aria-selected={i === active}
onClick={() => {
setActive(i);
onPick?.(`#${scope}`);
}}
>
{scope}
</li>
))}
</ul>
);
}This page is painted in the Bluloco palette, so toggle light or dark up top to see both.
Editors
Official ports, each with a dark and a light variant.
Written in Lua with lush.nvim, and it follows your system light or dark mode on its own.
{
'uloco/bluloco.nvim',
lazy = false,
priority = 1000,
dependencies = { 'rktjmp/lush.nvim' },
opts = {},
}A lazy.nvim spec, with 40+ plugin integrations, treesitter and LSP semantic tokens.
Where Bluloco started. Dark and light, an italic version included in each.
code --install-extension uloco.theme-bluloco-dark
code --install-extension uloco.theme-bluloco-lightWorks the same in Cursor, Windsurf and VSCodium.
All four variants bundled into a single extension.
{
"theme": {
"mode": "system",
"light": "Bluloco Light",
"dark": "Bluloco Dark"
}
}Open zed: extensions first and search for Bluloco.
Color schemes for IntelliJ, WebStorm, PyCharm and the rest of the family.
1. Download Bluloco Dark.icls and Bluloco Light.icls
2. Settings > Editor > Color Scheme
3. Click the gear icon > Import Scheme…
4. Select the .icls fileImport the .icls files manually for now, an official plugin is coming.
Terminals
These ship Bluloco already, so there is nothing to install.
Built in, with both variants and automatic system theme switching.
theme = dark:Bluloco Dark,light:Bluloco LightAlso built in, so you only need to name the scheme.
config.color_scheme = 'BlulocoDark'Bundled through kitty-themes and applied with a single command.
kitten themes BlulocoDarkPlus 20 more via iTerm2-Color-Schemes and bluloco.nvim.
Tools
Configs for the tools you keep open next to the editor.
Community
Not mine, but verified. Thanks to everyone here.
Palette
One color per meaning, consistent across every language. Click to copy.
| Scope | Dark | Light |
|---|---|---|
| Background | ||
| Foreground | ||
| Comment | ||
| Keyword | ||
| Function | ||
| Property | ||
| String | ||
| Number | ||
| Constant | ||
| Markup Tag | ||
| Markup Attribute | ||
| Class / Type | ||
| Operator |
Test it against real code in the syntax highlighting samples repo.