LibRext — Colours

Back to Specimens

As a classicist design system, LibRext looks to old-school naturalistic hues for inspiration. The palettes were chosen to approximate colours that could’ve been available to scribes and publishers in previous centuries. And of course, adjusted a bit towards modern tech and tastes. For example, some colour selections have come from scans of texts, atlases and astronomical prints. The design system’s colour styles are organized by “Colour Role”, “Indicators”, and “Mode”

Colour Roles include functions like like background, text, rubric, primary, secondary, etc.

Indicators are colours that indicate status such as: ok, warn, error, info, null

Mode refers to light (default) or dark.

rubricRed
#881403
okGreen
#77A265
warnYellow
#F6BF17
errorRed
#AC4945
infoBlue
#2471B8
forestGreen
#2F4739
rustBrown
#693628
darkWine
#513041
blueSlate
#383F46
rubricRed
#881403
okGreen
#77A265
warnYellow
#F6BF17
errorRed
#AC4945
infoBlue
#2471B8
forestGreen
#2F4739
rustBrown
#693628
darkWine
#513041
blueSlate
#383F46

Colour Roles & Indicators

Colour roles describe a colour by its function in the document (text, background, etc.)

Indicators describe a colour by status categories used in the tech industry and others. LibRext supports five:

Mode

Every colour role has a Light (default) and Dark value. Often times, the same colour can work for both. But the system allows for necessary adjustments so things look perfect in both modes.

grey0
#fdf9f0
grey1
#f2ede5
grey2
#e1dbd4
grey3
#cfcac3
grey4
#b1aba6
grey5
#918b88
grey6
#676261
grey7
#3f3c3c
grey8
#2e2b2b
grey9
#1b1818
grey10
#110e0e
grey11
#050404
grey0
#fdf9f0
grey1
#f2ede5
grey2
#e1dbd4
grey3
#cfcac3
grey4
#b1aba6
grey5
#918b88
grey6
#676261
grey7
#3f3c3c
grey8
#2e2b2b
grey9
#1b1818
grey10
#110e0e
grey11
#050404

Colour Palette Details

The colour roles defined in the system include:

Text

text
Text colour

#050404
#fdf9f0
Rubric Text

textRubric
Rubric text colour

#881403
#881403
Background

background
Background colour

#f2ede5
#110e0e
Primary Accent

primary
Primary Accent colour

#693628
#693628
Secondary Accent

secondary
Secondary Accent colour

#2F4739
#2F4739
Tertiary Accent

tertiary
Tertiary Accent colour

#513041
#513041
Indicator Ok

indicatorOk
Indicator Ok colour

#77A265
#77A265
Indicator Warn

indicatorWarn
Indicator Warn colour

#F6BF17
#F6BF17
Indicator Error

indicatorError
Indicator Error colour

#AC4945
#AC4945
Indicator Info

indicatorInfo
Indicator Info colour

#2471B8
#2471B8
Indicator Null

indicatorNull
Indicator Null colour

#676261
#676261