Palette ledger
Every color is an account with a purpose.
Contrast is measured against the editor background, #f6f8f6. Text needs 4.5:1; large marks and icons need 3:1.
| No. | Swatch | Name | Hex | On editor | Fit for | Role |
|---|---|---|---|---|---|---|
| 1 | Deep evergreen | #1b2320 | 15.04:1 | Text | Text, variables, functions | |
| 2 | Evergreen gray | #5d6864 | 5.42:1 | Text | Parameters, keys, operators, secondary text | |
| 3 | Muted gray-green | #66716d | 4.74:1 | Text | Comments, punctuation, line numbers | |
| 4 | Forest green | #2d6a3b | 6.08:1 | Text | Accent, strings, markup tags, success | |
| 5 | Accessible ochre | #8a6408 | 5.04:1 | Text | Keywords, numbers, attributes, warnings | |
| 6 | Warm ochre | #b8860b | 3.05:1 | Large marks | Modified-file marks, warning badges, find outline | |
| 7 | Slate blue | #3d5f7a | 6.31:1 | Text | Types, classes, interfaces, information | |
| 8 | Muted teal | #2f6b6b | 5.73:1 | Text | Second bracket level, terminal cyan | |
| 9 | Plum | #7a4a6e | 6.49:1 | Text | Third bracket level, terminal magenta | |
| 10 | Deep brick red | #8a2621 | 8.27:1 | Text | Errors, deletions, failures | |
| 11 | Border gray-green | #cfd6d2 | 1.39:1 | Surface | Borders and separators | |
| 12 | Pale surface | #eef2ef | 1.06:1 | Surface | Sidebars, tabs, title and status bars | |
| 13 | Near-white surface | #f6f8f6 | 1.00:1 | Surface | Editor, panel and terminal background | |
| 14 | White | #ffffff | 1.07:1 | Surface | Menus, suggestions, inputs, peek editors |
Derived tints cover selections, hovers and the bright terminal colors. Each is listed with its job in DESIGN.md.
Same role, same color, in every language.
- Keywords
return if def- Strings
"terminal"- Types
Command str number- Declarations
register- Parameters
command args- Comments
// recede, don't vanish- Language variables
this self- Errors
undefinedTotal
Checked on every change by 2,376 automated tests.
How the checks work