# Literal Labs brand colour LL-DS / 02 COLOUR V1.0 · APR 2026 OKLCH-GENERATED · sRGB CLAMPED NEWCASTLE · UK \[ 05:14:22 \] COLOUR SYSTEM · LITERAL LABS REGISTERED · ® LL-DS-COL # Colour, _quietly industrial_. **7 RAMPS** · 96 STEPS **OKLCH-GENERATED** · sRGB CLAMPED Brand / Neutral / State ® 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 60 · Off-White 25 · Black 10 · Navy 5 · O #### Laws of colour 1. One accent per view. Orange is for the verb, not the decoration. 2. Neutrals before blues. Blues before any other hue. 3. Never pair orange and purple in the same frame. 4. Contrast ratio ≥ 4.5 for body text, ≥ 3.0 for large display. 5. 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 EACH Purple 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. [Get started](#) [Learn more](#) [Documentation](#) [Brand orange link](#) 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. [Get started](#) [Learn more](#) [Documentation](#) [Brand orange link](#) 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 | [Brand Guide](https://www.literal-labs.ai/about/brand-guide.html) [Typography](https://www.literal-labs.ai/about/brand-guide-type.html)