thisdesign.space

5 colours · light

Archive vellum

Library catalogue palette — vellum paper, dark sepia ink, processed-stamp red.

The personal-archive palette: aged vellum as the ground, dark sepia for body type, a strong red reserved for the rotated PROCESSED stamp, and a muted forest green as the custodian's secondary accent. Pulls toward the library / museum-collection feel rather than newsprint or tech.

byudaysinhudaysinh

Swatches · click any hex to copy

bgVellum
inkSepia ink
accentStamp red
muteCustodian green
rule

In use · the palette applied to three mocks

Chapter 01

A confident heading set in the ink.

Body text runs in the ink-2 role at a comfortable measure. Accent earns its keep on links and nowhere else.

Aside · in the mute

Card

Sample card with a strong call to action.

Short supporting text that explains what the action does.

PrimarySecondary →
~/notes.md
function greet(name) {
  // the lab said hi
  return `hello, ${name}`;
}

Contrast · WCAG 2 ratios for key role pairs

PairSampleRatioRating
bg↔inkSample text12.49 : 1AAA
bg↔accentSample text6.71 : 1AA
bg↔muteSample text5.15 : 1AA

AAA ≥ 7 · AA ≥ 4.5 · AA Large ≥ 3 · fail < 3

Exports · copy-paste ready

CSS variables

:root {
  --bg: #EFE7D2;
  --ink: #2A2418;
  --accent: #8E2C26;
  --mute: #4A6650;
  --rule: #A89C7E;
}

Tailwind config

// tailwind.config
theme: {
  extend: {
    colors: {
      "bg": "#EFE7D2",
      "ink": "#2A2418",
      "accent": "#8E2C26",
      "mute": "#4A6650",
      "rule": "#A89C7E",
    },
  },
},

Hex array

["#EFE7D2", "#2A2418", "#8E2C26", "#4A6650", "#A89C7E"]

Links