Harbor
Cool blue-grey neutrals with a saturated blue accent and generous 12px corners. Written for Inter, which this package does not load.
id harbor · revision 99a4282efae6 · catalogue 0.1.0
Colors
Light
canvas
Page background
#F7F9FC
17.0:1 on ink
surface
Cards and raised panels
#FFFFFF
1.1:1 on canvas
ink
Primary text
#0E1726
17.0:1 on canvas
muted
Secondary text
#4A5568
7.1:1 on canvas
line
Borders and rules
#D8DEE8
1.3:1 on canvas
accent
Primary actions and highlights
#1D4ED8
6.4:1 on canvas
accent-ink
Text and icons on the accent color
#FFFFFF
6.7:1 on accent
focus
Keyboard focus outline
#0369A1
5.6:1 on canvas
Dark
canvas
Page background
#0B1220
15.9:1 on ink
surface
Cards and raised panels
#121B2E
1.1:1 on canvas
ink
Primary text
#E6EDF7
15.9:1 on canvas
muted
Secondary text
#9AA8BD
7.8:1 on canvas
line
Borders and rules
#24324A
1.5:1 on canvas
accent
Primary actions and highlights
#60A5FA
7.4:1 on canvas
accent-ink
Text and icons on the accent color
#0B1220
7.4:1 on accent
focus
Keyboard focus outline
#7DD3FC
11.2:1 on canvas
Type
display
Inter
Weights 600, 700
SIL Open Font License 1.1. Not loaded by this package: install Inter yourself or the stack falls back to the system sans.
Ship the update. We'll write it up.
sans
Inter
Weights 400, 500
SIL Open Font License 1.1. Not loaded by this package: install Inter yourself or the stack falls back to the system sans.
Drafts wait for a person to approve them. Nothing publishes on its own.
mono
System mono
Weights 400
Operating system font. Nothing is downloaded or redistributed.
v0.1.0 · 42 drafts · 3 min
Radius and spacing
Radius
12px
Base unit
4px
Section padding
112px
Section padding is drawn at half size.
Guidelines
Do
- Use blue for actions and links only, so blue always means clickable.
- Keep cards on the white surface over the tinted canvas.
- Use 12px corners on cards and buttons alike.
Don't
- Don't use blue for decoration, such as icons that do nothing.
- Don't ship this style without loading Inter if the design depends on its exact widths.
Components in Harbor
Provenance
Neat Labs, original, MIT. Written for this repository on 2026-09-25. Colors and rules are original. Inter is named as the intended face but is not bundled or loaded.