ft-paper-night
Surfaces
- Paper
paper#1f1915rgb(31, 25, 21) - Paper raised
paper-raised#261f1argb(38, 31, 26) - Surface 1
surface-1#2b231drgb(43, 35, 29) - Surface 2
surface-2#3a2f27rgb(58, 47, 39) - Surface 3
surface-3#40342brgb(64, 52, 43) - Rule
rule#5c4f45rgb(92, 79, 69)
Ink
- Paper ink
ink#e3d1bfrgb(227, 209, 191) - Wheat
ink-bright#f2dfcergb(242, 223, 206) - Paper ink 2
ink-2#c8b7a6rgb(200, 183, 166) - Muted
ink-muted#b09f8frgb(176, 159, 143) - Faint
ink-faint#998a7crgb(153, 138, 124) - Disabled
ink-disabled#5c4f45rgb(92, 79, 69)
Highlight 1 — Claret
- Claret
claret#d28e9brgb(210, 142, 155) - Candy
claret-bright#d999a8rgb(217, 153, 168)
Highlight 2 — Oxford
- Oxford
oxford#7da5d2rgb(125, 165, 210) - Oxford bright
oxford-bright#9ab6d6rgb(154, 182, 214)
Supporting
- Jade
jade#4db37brgb(77, 179, 123) - Jade bright
jade-bright#80c599rgb(128, 197, 153) - Teal
teal#4db4bargb(77, 180, 186) - Teal bright
teal-bright#73c1c3rgb(115, 193, 195) - Mandarin
mandarin#d2905frgb(210, 144, 95) - Mandarin bright
mandarin-bright#dca57crgb(220, 165, 124) - Velvet
velvet#b49cb8rgb(180, 156, 184) - Crimson
crimson#e8857ergb(232, 133, 126) - Warm grey
warm-grey#8a827argb(138, 130, 122)
Derived fills
- Add
fill-add#183521rgb(24, 53, 33) - Remove
fill-remove#421411rgb(66, 20, 17) - Change
fill-change#1f2a38rgb(31, 42, 56) - Change focus
fill-change-focus#1f3854rgb(31, 56, 84) - Match
fill-match#55331brgb(85, 51, 27) - Target
fill-target#561527rgb(86, 21, 39) - Warning wash
crimson-wash#301713rgb(48, 23, 19)
Roles — Text and accents
- Body text
ink on paper11.70:1 - Strong emphasis
ink-bright on paper13.43:1 - Secondary text
ink-2 on paper8.92:1 - Metadata, captions
ink-muted on paper6.79:1 - Hints, placeholders
ink-faint on paper5.20:1 - Link
oxford on paper6.77:1 - Link on hover
claret on paper6.69:1 - Identity accent
claret on paper6.69:1 - Information
oxford on paper6.77:1 - Success
jade on paper6.66:1 - Warning
mandarin on paper6.53:1 - Error
crimson on paper6.69:1
Roles — Interface
- Panel, popup, status line
ink on surface-110.39:1 - Selection
ink on surface-28.75:1 - Selection on camillehdl.devThe site selects text on the change fill; surface-2 sits too close to paper to show on a page
ink on fill-change-focus8.07:1 - Current line
ink on surface-38.11:1 - Block cursorA thick cursor is claret, with paper as the character under it: the terminal, Neovim outside insert mode
paper on claret6.69:1 - Bar cursorA thin cursor is ink: Neovim in insert mode
ink on paper11.70:1 - Border, dividerNot text: a line only has to be seen
rule on paper2.20:1 - DisabledNot content: disabled text is exempt
ink-disabled on paper2.20:1
Roles — Code
- Code block
ink on paper-raised10.93:1 - Inline code
ink on surface-28.75:1 - Comment (italic)
ink-muted on paper-raised6.34:1 - Punctuation
ink-2 on paper-raised8.34:1 - Keyword, import
oxford on paper-raised6.33:1 - String, inserted, tag attribute
jade on paper-raised6.22:1 - Number, boolean
mandarin on paper-raised6.10:1 - Function, class, type
velvet on paper-raised6.49:1 - Operator, URL
teal on paper-raised6.61:1 - Tag, property, constant, deleted
claret on paper-raised6.25:1 - Macro, escape, decoratorEditors only
claret on paper-raised6.25:1 - Regex, exception, important
crimson on paper-raised6.25:1 - VariablePlain names stay uncolored
ink on paper-raised10.93:1 - ParameterEditors only
ink-2 on paper-raised8.34:1 - Highlighted lineMarked by a claret left border
ink on surface-38.11:1
Roles — Diff and search
- Added line
ink on fill-add9.01:1 - Removed line
ink on fill-remove10.55:1 - Changed line
ink on fill-change9.77:1 - Changed part
ink on fill-change-focus8.07:1 - Search hit
ink on fill-match7.54:1 - Current search hit
ink on fill-target9.23:1 - Warning callout
ink on crimson-wash11.24:1
Terminal
- Background and foreground
ink on paper11.70:1 - Block cursorcursor-color claret, cursor-text paper
paper on claret6.69:1 - Bar cursorA thin cursor, where a program asks for one, is ink
ink on paper11.70:1 - Selection
ink on surface-28.75:1
- 0 · black
warm-grey#8a827a - 1 · red
claret#d28e9b - 2 · green
jade#4db37b - 3 · yellow
mandarin#d2905f - 4 · blue
oxford#7da5d2 - 5 · magenta
velvet#b49cb8 - 6 · cyan
teal#4db4ba - 7 · white
ink-2#c8b7a6 - 8 · bright black
ink-faint#998a7c - 9 · bright red
crimson#e8857e - 10 · bright green
jade-bright#80c599 - 11 · bright yellow
mandarin-bright#dca57c - 12 · bright blue
oxford-bright#9ab6d6 - 13 · bright magenta
claret-bright#d999a8 - 14 · bright cyan
teal-bright#73c1c3 - 15 · bright white
ink-bright#f2dfce
Inspired by the Financial Times and its Origami o-colors palette.
By day: ft-paper, the palette every night tone is mixed from.