One palette, everywhere.
The Leenium palette is the source of truth for the entire ecosystem. The same values are used in VS Code, Neovim, Firefox, OpenCode, and the public website.
Visual swatches
Core backgrounds and accents, shown first as a quick visual reference.
0#020405
100#0B1113
200#11191C
300#182326
400#223033
500#304144
600#4A5F62
700#718688
800#A4B4B2
900#D8E3E0
950#F2F8F6
Selection#365156
Full reference
Complete values for the website and product pages.
| Group | Name | Hex | Use |
|---|---|---|---|
| Neutral | 0 | #020405 | Base black |
| Neutral | 100 | #0B1113 | Main background |
| Neutral | 200 | #11191C | Surface |
| Neutral | 300 | #182326 | Elevated surface |
| Neutral | 400 | #223033 | Border |
| Neutral | 500 | #304144 | Active border |
| Neutral | 600 | #4A5F62 | Disabled |
| Neutral | 700 | #718688 | Muted text |
| Neutral | 800 | #A4B4B2 | Secondary text |
| Neutral | 900 | #D8E3E0 | Primary text |
| Neutral | 950 | #F2F8F6 | Bright white |
| Background | Sidebar | #0E1518 | Side surfaces |
| Background | Panel | #11191C | Cards and editor surfaces |
| Background | Card | #141E21 | Elevated cards |
| Background | Popup | #182326 | Menus and overlays |
| Background | Floating | #1D2A2D | Raised UI |
| Background | Hover | #223033 | Hover state |
| Background | Active | #304144 | Active state |
| Background | Selection | #365156 | Selection state |
| Accent | Cyan | #59D6C5 | Links, highlights |
| Accent | Teal | #33B8A8 | Primary accent |
| Accent | Emerald | #4DBA7A | Success |
| Accent | Blue | #5E9BFF | Info / active UI |
| Accent | Yellow | #D9C76B | Warnings |
| Accent | Orange | #F4A259 | Decorators |
| Accent | Red | #E16F73 | Errors |