What are the gitnimble.com brand colors?

The main gitnimble.com colors are #005bff (accent), #ffffff (background) and #282a2f (text). The full palette of 9 colors, with the role of each, is on this page as hex codes.

What is the gitnimble.com hex code?

The accent color on gitnimble.com is #005bff; the page background is #ffffff and the main text color #282a2f. Each is measured from the rendered page, so it is what visitors see, not a value from a style guide.

How do I use the gitnimble.com colors in Tailwind or CSS?

Copy the CSS variables or the Tailwind v4 theme on this page, or download the design pack: it includes tokens.json (W3C design tokens), tokens.css and tailwind.css with the same values.

gitnimble.com color palette: hex codes and CSS

Palette

9 colors

Colors	Role	Hex	RGB	Light / dark
`background`	Page background	`#ffffff`	`rgb(255 255 255)`	`#0b0d12`
`surface`	Cards, panels, raised or recessed surfaces	`#fafafa`	`rgb(250 250 250)`	`#10131a`
`surface-2`	Secondary surface	`#ebebeb`	`rgb(235 235 235)`	`#202124`
`foreground`	Primary text	`#282a2f`	`rgb(40 42 47)`	`#f7f8fb`
`muted-foreground`	Secondary text, captions	`#5a5e66`	`rgb(90 94 102)`	`#b8bdc8`
`primary`	Candidate accent (semantic role inferred)	`#005bff`	`rgb(0 91 255)`	`#005bff`
`on-primary`	Text on the accent	`#ffffff`	`rgb(255 255 255)`	`#ffffff`
`secondary`	Secondary accent (orange)	`#d97757`	`rgb(217 119 87)`	`#d97757`
`border`	Hairlines, dividers, input borders	`#ebebeb`	`rgb(235 235 235)`	`#23252a`

CSS variables

Every color as a custom property, named by role. The dark block is there when the site has a dark theme.

1:root {
2  --color-background: #ffffff;
3  --color-surface: #fafafa;
4  --color-surface-2: #ebebeb;
5  --color-foreground: #282a2f;
6  --color-muted-foreground: #5a5e66;
7  --color-primary: #005bff;
8  --color-on-primary: #ffffff;
9  --color-secondary: #d97757;
10  --color-border: #ebebeb;
11}
12
13[data-theme="dark"] {
14  --color-background: #0b0d12;
15  --color-surface: #10131a;
16  --color-surface-2: #202124;
17  --color-foreground: #f7f8fb;
18  --color-muted-foreground: #b8bdc8;
19  --color-primary: #005bff;
20  --color-on-primary: #ffffff;
21  --color-secondary: #d97757;
22  --color-border: #23252a;
23}

For AI agents

The pack is plain text, no key: fetch DESIGN.md, or hand the whole pack to Claude Code, Cursor or Copilot with the MCP server.

curl -s https://stylepack.ai/packs/gitnimble.com/DESIGN.md

The gitnimble.com color palette