Camille Hodoul

ft-paper

Surfaces

  • Paperpaper#fff1e5rgb(255, 241, 229)12.98:1 ink on this
    Page background
  • Paper raisedpaper-raised#fff9f2rgb(255, 249, 242)13.74:1 ink on this · ANSI 15
    Code and quote blocks
  • Surface 1surface-1#f7e7d8rgb(247, 231, 216)11.89:1 ink on this
    Panels
  • Surface 2surface-2#f2dfcergb(242, 223, 206)11.10:1 ink on this
    Selection, inline code
  • Surface 3surface-3#efdccargb(239, 220, 202)10.78:1 ink on this
    Meters, highlighted lines
  • Rulerule#b8afa5rgb(184, 175, 165)6.65:1 ink on this · ANSI 7
    Dividers and disabled ink

Ink

  • Slateink#262a33rgb(38, 42, 51)12.98:1 on paper · ANSI 0
    Body text
  • Slate 2ink-2#4a4f59rgb(74, 79, 89)7.43:1 on paper
    Secondary text
  • Mutedink-muted#6b6259rgb(107, 98, 89)5.39:1 on paper
    Metadata, captions
  • Faintink-faint#7d746brgb(125, 116, 107)4.14:1 on paper
    Hints
  • Disabledink-disabled#b8afa5rgb(184, 175, 165)1.95:1 on paper · ANSI 7
    Disabled text

Highlight 1 — Claret

  • Claretclaret#990f3drgb(153, 15, 61)7.62:1 on paper · ANSI 1
    Accent, links on hover
  • Candyclaret-bright#bf5f80rgb(191, 95, 128)3.67:1 on paper · ANSI 13
    Decorative only

Highlight 2 — Oxford

  • Oxfordoxford#0f5499rgb(15, 84, 153)6.90:1 on paper · ANSI 4
    Links, notes
  • Oxford brightoxford-bright#1e6ec4rgb(30, 110, 196)4.65:1 on paper · ANSI 12
    Gradient starts

Supporting

  • Jadejade#00733argb(0, 115, 58)5.40:1 on paper · ANSI 2
    Success
  • Jade brightjade-bright#00994drgb(0, 153, 77)3.35:1 on paper · ANSI 10
    Fills
  • Tealteal#0d7680rgb(13, 118, 128)4.84:1 on paper · ANSI 6
    Secondary category
  • Teal brightteal-bright#009aa8rgb(0, 154, 168)3.07:1 on paper · ANSI 14
    Fills
  • Mandarinmandarin#99521frgb(153, 82, 31)5.30:1 on paper · ANSI 3
    Warning
  • Mandarin brightmandarin-bright#bf6626rgb(191, 102, 38)3.69:1 on paper · ANSI 11
    Fills
  • Velvetvelvet#593380rgb(89, 51, 128)8.58:1 on paper · ANSI 5
    Tertiary category
  • Crimsoncrimson#cc0000rgb(204, 0, 0)5.32:1 on paper · ANSI 9
    Error
  • Warm greywarm-grey#8a827argb(138, 130, 122)3.41:1 on paper · ANSI 8
    Dim glyphs

Derived fills

  • Addfill-add#ccdfc7rgb(204, 223, 199)10.23:1 ink on this
    Added line — jade-bright at 20% over paper
  • Removefill-remove#f7cac0rgb(247, 202, 192)9.69:1 ink on this
    Removed line — crimson at 16% over paper
  • Changefill-change#dbdce0rgb(219, 220, 224)10.49:1 ink on this
    Changed line — oxford-bright at 16% over paper
  • Change focusfill-change-focus#b7c7dargb(183, 199, 218)8.34:1 ink on this
    The part that actually changed, inside a changed line — oxford-bright at 32% over paper
  • Matchfill-match#e9c2a4rgb(233, 194, 164)8.70:1 ink on this
    Every hit of a search — mandarin-bright at 34% over paper
  • Targetfill-target#d697a2rgb(214, 151, 162)6.03:1 ink on this
    The one hit being jumped to — claret at 40% over paper

Inspired by the Financial Times and its Origami o-colors palette.

© 2026