Legal Authority Color Psychology & Meaning
Legal Authority is old-money credibility — deep navy and brass gold signal decades of institutional trust. The palette says: we have been here before you, and we will be here after.
#FFFFFF
#1B2A4A
#C9A84C
#6B7B8D
Background
Primary Accent
Secondary
Body Text
Legal Authority
coolcalmminimal autumnwinter brandingweb
Fail
WCAG Grade
4.3:1
Contrast Ratio
1,654
Saves
4,012
AI Copies
Use #FFFFFF as the background. Use #1B2A4A as the primary accent. Use #C9A84C as secondary. Use #6B7B8D as body text/supporting color. Palette mood: Legal Authority — cool, calm, minimal.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Legal Authority color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 100.0% | 255, 255, 255 | 0%, 0%, 0%, 0% | 0°, 0%, 100% | ||
| Primary Accent Luminance: 2.4% | 27, 42, 74 | 64%, 43%, 0%, 71% | 221°, 47%, 20% | ||
| Secondary Luminance: 40.9% | 201, 168, 76 | 0%, 16%, 62%, 21% | 44°, 54%, 54% | ||
| Body Text Luminance: 19.2% | 107, 123, 141 | 24%, 13%, 0%, 45% | 212°, 14%, 49% |
Color Harmony: Triadic Scheme
The Legal Authority palette is built using a triadic relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A triadic palette is often preferred by professional designers because it balances visual interest with cohesion.
History & Design Context
Law firm visual identities evolved from the English Inns of Court tradition of navy and gold. American firms adopted the palette in the early 20th century.
Best Design Use Cases
White for working surfaces. Deep navy for structural authority. Gold only as accent — it earns its place. Keep the palette restrained.
Industries This Palette Suits
Legal, professional services, consulting, finance.
How to Implement the Legal Authority Color Scheme
To use this Legal Authority color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'}Web Design Tip
Use #FFFFFF for the main background and #1B2A4A for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #6B7B8D and #FFFFFF is 4.34:1 (Fail). Ensure your body text remains legible.