[ 05:14:22 ] COLOUR SYSTEM · LITERAL LABS REGISTERED · ® LL-DS-COL
Colour,
quietly industrial.
® LL-DS SERIAL · 7536U-141-778 · CYCLE 0421 OP·2 V1.0
LITERAL ORANGE · #FF601E · 500 IS THE HERO ONE ACCENT PER VIEW · 5% OF ANY COMPOSITION REF: LL-DS-COL
How the palette behaves
Literal Orange is the single accent. It lives on approximately 5% of any composition — one button, one underline, one word. Blues carry information and depth; black does the structural work; off-white is the paper we print on. State colours are a last resort and kept desaturated.
Target ratio on any screen
Laws of colour
- One accent per view. Orange is for the verb, not the decoration.
- Neutrals before blues. Blues before any other hue.
- Never pair orange and purple in the same frame.
- Contrast ratio ≥ 4.5 for body text, ≥ 3.0 for large display.
- Dark surfaces use
#FF8258, not#FF601E, for accents.
Literal Orange
BRAND · ACCENT · 500 IS THE HERO --color-LiteralOrange-*050#FFF2EE
100#FDE3DB
200#FFC5B2
300#FCA487
400#FF8258
500 · HERO#FF601E
600#CB4300
700#9A3000
800#702100
900#471200
950#240500
INK#101111
Graphite
NEUTRAL · STRUCTURE · RULES --color-gray-*010 · PAPER#F9F9F9
050#F4F5F6
100#E8EAEB
200#D3D4D6
300#BCBEC0
400#A3A5A7
500#8A8C8E
600#717375
700#58595B
800#3F4041
900#252728
950 · INK#101111
North Sea
SECONDARY · LINKS · INFO · DEPTH --color-blue-*050#F0F6FE
100#DFEBF9
200#BDD7F8
300#99C1F4
400#6DA7F1
500#438DE8
600#2D73C7
700#21599D
800 · LINK#144073
900 · NAVY#08264A
950#021026
VOID#000000
State · tertiary
PURPLE · GREEN · GOLD · RED — USED SPARINGLY 3 STEPS EACHPurple
500#A388F0
700#7530EA
900#34087B
Green
300#A4CA9B
500#5AA04A
700#336827
Gold
300#D3BB8D
500#AF8423
700#735300
Red
300#FBA29A
500#EB4D48
700#9E2726
Semantic roles
Info
--info · #21599D Neutral statements. Uses: tooltips, tags.
Success
--success · #336827 Completion. Pass. Approved. Desaturated on purpose.
Warning
--warning · #735300 Proceed with caution. Gold, not yellow.
Danger
--danger · #9E2726 Destructive. Blocked. Never used for marketing.
Approved pairings
OFF-WHITE / INK Primary Default canvas.
INK / OFF-WHITE Inverse Dark sections.
ORANGE / WHITE Hero CTA Action surfaces.
NAVY / ORANGE-400 Depth On dark, use 400.
OFF-WHITE / NAVY Informational Links, tables, data.
PEACH / CLAY Subtle Callouts only.
Light & dark mode
All semantic tokens adapt automatically. Toggle your OS appearance to preview.
Literal Labs Research Platform
Pushing the boundaries of machine learning and logical AI.
Semantic colour tokens adapt automatically between light and dark contexts — no separate dark-mode stylesheet required.
Model evaluation complete — 94.2% accuracy on held-out set.
Training budget at 80% — review allocation before next run.
Pipeline failure: batch job timed out after 4 hrs.
New benchmark results available in the ModelMill dashboard.
Literal Labs Research Platform
Pushing the boundaries of machine learning and logical AI.
On dark surfaces, brand-accessible shifts to Orange 300 (#FCA487) and links use Blue 300 (#99C1F4) for legibility.
Model evaluation complete — 94.2% accuracy on held-out set.
Training budget at 80% — review allocation before next run.
Pipeline failure: batch job timed out after 4 hrs.
New benchmark results available in the ModelMill dashboard.
Contrast audit · key pairs
| Foreground | Background | Preview | Ratio | WCAG |
|---|---|---|---|---|
| #101111 INK | #F9F9F9 PAPER | Aa | 19.8 : 1 | AAA |
| #FF601E ORANGE 500 | #FFFFFF WHITE | Aa | 3.0 : 1 | AA Large |
| #9A3000 ORANGE 700 | #FFF2EE ORANGE 050 | Aa | 7.3 : 1 | AAA |
| #FFFFFF WHITE | #08264A NAVY | Aa | 15.1 : 1 | AAA |
| #FF8258 ORANGE 400 | #08264A NAVY | Aa | 4.7 : 1 | AA |
| #144073 BLUE 800 | #F9F9F9 PAPER | Aa | 9.8 : 1 | AAA |