Srcery Palette

This is the canonical colors for Srcery, a syntax highlighting theme for various editors.

Created using colors that logically adheres to the 16 color base palette of a terminal, while trying to retain its own identity. The colors are designed to be easy on the eyes, yet contrast well with the background for long sessions using an editor or terminal emulator.

Check out 🌐 srcery.sh and Github for more.

IMG	NAME	INDEX	HEX	RGB	HSL
	black	0	#121110	rgb(18, 17, 16)	hsl(30, 6%, 7%)
	red	1	#EF2F27	rgb(239, 47, 39)	hsl(2, 86%, 55%)
	green	2	#519F50	rgb(81, 159, 80)	hsl(119, 33%, 47%)
	yellow	3	#FBB829	rgb(251, 184, 41)	hsl(41, 96%, 57%)
	blue	4	#2C78BF	rgb(44, 120, 191)	hsl(209, 63%, 46%)
	magenta	5	#E02C6D	rgb(224, 44, 109)	hsl(338, 74%, 53%)
	cyan	6	#0AAEB3	rgb(10, 174, 179)	hsl(182, 89%, 37%)
	white	7	#C5B088	rgb(197, 176, 136)	hsl(39, 34%, 65%)
	bright_black	8	#917E6B	rgb(145, 126, 107)	hsl(30, 15%, 49%)
	bright_red	9	#F75341	rgb(247, 83, 65)	hsl(6, 92%, 61%)
	bright_green	10	#98BC37	rgb(152, 188, 55)	hsl(76, 55%, 48%)
	bright_yellow	11	#FED06E	rgb(254, 208, 110)	hsl(41, 99%, 71%)
	bright_blue	12	#68A8E4	rgb(104, 168, 228)	hsl(209, 70%, 65%)
	bright_magenta	13	#FF5C8F	rgb(255, 92, 143)	hsl(341, 100%, 68%)
	bright_cyan	14	#2BE4D0	rgb(43, 228, 208)	hsl(174, 77%, 53%)
	bright_white	15	#FCE8C3	rgb(252, 232, 195)	hsl(39, 90%, 88%)
	dark_green	22	#294229	rgb(41, 66, 41)	hsl(120, 23%, 21%)
	dark_red	88	#4F2321	rgb(79, 35, 33)	hsl(3, 41%, 22%)
	dark_blue	24	#1E5181	rgb(30, 81, 129)	hsl(209, 62%, 31%)
	dim_green	n/a	#2E5C2E	rgb(46, 92, 46)	hsl(119, 33%, 27%)
	orange	202	#FF5F00	rgb(255, 95, 0)	hsl(22, 100%, 50%)
	bright_orange	208	#FF8700	rgb(255, 135, 0)	hsl(32, 100%, 50%)
	teal	30	#008080	rgb(0, 128, 128)	hsl(180, 100%, 25%)
	gray1	n/a	#1C1B19	rgb(28, 27, 25)	hsl(40, 6%, 10%)
	gray2	n/a	#262522	rgb(38, 37, 34)	hsl(45, 6%, 14%)
	gray3	n/a	#312F2C	rgb(49, 47, 44)	hsl(36, 5%, 18%)
	gray4	n/a	#3B3935	rgb(59, 57, 53)	hsl(40, 5%, 22%)
	gray5	n/a	#45433E	rgb(69, 67, 62)	hsl(43, 5%, 26%)
	gray6	n/a	#504D47	rgb(80, 77, 71)	hsl(40, 6%, 30%)

Installation

Using git:

git clone https://github.com/srcery-colors/srcery-palette.git

Using npm:

npm i @srcery-colors/srcery-palette

Usage

You can clone or download and use the palette.json however you like:

jq < palette.json '.red.hex'

Or you can use the npm package, which exports palette.json as a JavaScript object:

const palette = require("@srcery-colors/srcery-palette");
console.log(palette.red.hex);

import palette from "@srcery-colors/srcery-palette";
console.log(palette.red.hex);

The package also exports CSS variables that can be imported

@import "@srcery-colors/srcery-palette";
background: var(--srcery-palette-black);

See palette.json for a full list of variable names, but it follows the same structure as demonstrated.