Color Palette - nself-org/cli GitHub Wiki
Color Palette
Official ɳSelf brand colours.
Primary Colours
Indigo, Primary
Used for: buttons, links, highlights, active states, the ɳ mark.
| Format | Value |
|---|---|
| HEX | #6366F1 |
| RGB | rgb(99, 102, 241) |
| HSL | hsl(239°, 84%, 67%) |
Dark Background
Used for: app background, dark surfaces, cards.
| Format | Value |
|---|---|
| HEX | #0F0F1A |
| RGB | rgb(15, 15, 26) |
| HSL | hsl(240°, 27%, 8%) |
Complementary Colours
These colours are used in the ɳSelf UI alongside the primary palette:
| Name | HEX | Use |
|---|---|---|
| White | #FFFFFF |
Text on dark, icon fills |
| Light grey | #E5E7EB |
Secondary text, borders |
| Mid grey | #6B7280 |
Muted text, placeholders |
| Success green | #22C55E |
Healthy status, success states |
| Warning amber | #F59E0B |
Warning states |
| Error red | #EF4444 |
Error states, critical alerts |
Usage Notes
- Always use Indigo (
#6366F1) as the primary action colour - Use the dark background (
#0F0F1A) for main app surfaces - Ensure text contrast meets WCAG AA (4.5:1 minimum ratio)
- For light-mode UIs, use white background with Indigo as the accent
See Also
- Brand-Assets, download logo files
- Logo-Usage, logo clearspace and usage rules
← [Home]] ](/nself-org/cli/wiki/[[_Sidebar)