ft-paper
Surfaces
- Paper
paper#fff1e5rgb(255, 241, 229) - Paper raised
paper-raised#fff9f2rgb(255, 249, 242) - Surface 1
surface-1#f7e7d8rgb(247, 231, 216) - Surface 2
surface-2#f2dfcergb(242, 223, 206) - Surface 3
surface-3#efdccargb(239, 220, 202) - Rule
rule#b8afa5rgb(184, 175, 165)
Ink
- Slate
ink#262a33rgb(38, 42, 51) - Slate 2
ink-2#4a4f59rgb(74, 79, 89) - Muted
ink-muted#6b6259rgb(107, 98, 89) - Faint
ink-faint#7d746brgb(125, 116, 107) - Disabled
ink-disabled#b8afa5rgb(184, 175, 165)
Highlight 1 — Claret
- Claret
claret#990f3drgb(153, 15, 61) - Candy
claret-bright#bf5f80rgb(191, 95, 128)
Highlight 2 — Oxford
- Oxford
oxford#0f5499rgb(15, 84, 153) - Oxford bright
oxford-bright#1e6ec4rgb(30, 110, 196)
Supporting
- Jade
jade#00733argb(0, 115, 58) - Jade bright
jade-bright#00994drgb(0, 153, 77) - Teal
teal#0d7680rgb(13, 118, 128) - Teal bright
teal-bright#009aa8rgb(0, 154, 168) - Mandarin
mandarin#99521frgb(153, 82, 31) - Mandarin bright
mandarin-bright#bf6626rgb(191, 102, 38) - Velvet
velvet#593380rgb(89, 51, 128) - Crimson
crimson#cc0000rgb(204, 0, 0) - Warm grey
warm-grey#8a827argb(138, 130, 122)
Derived fills
- Add
fill-add#ccdfc7rgb(204, 223, 199) - Remove
fill-remove#f7cac0rgb(247, 202, 192) - Change
fill-change#dbdce0rgb(219, 220, 224) - Change focus
fill-change-focus#b7c7dargb(183, 199, 218) - Match
fill-match#e9c2a4rgb(233, 194, 164) - Target
fill-target#d697a2rgb(214, 151, 162)
Inspired by the Financial Times and its Origami o-colors palette.