Law Firm Color Palette
Law firms need to look serious, competent and discreet. A good legal palette is restrained, readable and confident, with just enough warmth to feel approachable to clients.
By Mohamed Farhan · Updated Oct 19, 2026
Law Firm overview
Revenue grew 12% this week. Three invoices are waiting for approval.
Navy and gold: the classic, authoritative legal look.
Why these colors work for law firm
Navy, charcoal and deep green signal authority and stability. Burgundy and gold suggest tradition. Warm neutrals and a single modern accent help newer firms feel approachable.
Who you are designing for
People looking for a lawyer are often stressed and want reassurance that the firm is competent and discreet. Corporate clients want evidence of seriousness and scale. Legal websites also carry a lot of long-form content, so readability is essential.
The four law firm palettes in detail
Counsel. Navy and gold: the classic, authoritative legal look. The primary #14213D (close to gunmetal) carries white button labels at 16.0:1, the accent #C5A047 (close to bronze) handles highlights and badges, and body text #14213D on the #FFFFFF surface reaches 16.0:1, which is AAA for body copy.
Chambers. Burgundy and stone for traditional and heritage firms. The primary #6A1B2A (close to wine) carries white button labels at 11.6:1, the accent #B89B72 (close to sand) handles highlights and badges, and body text #231A1C on the #FAF8F5 surface reaches 16.0:1, which is AAA for body copy.
Modern Practice. Charcoal and teal for tech, startup and immigration law. The primary #25282B (close to gunmetal) carries white button labels at 14.8:1, the accent #1C8C84 (close to teal) handles highlights and badges, and body text #1D1F21 on the #FFFFFF surface reaches 16.5:1, which is AAA for body copy.
Advocate. Deep green and warm sand for family, estate and community law. The primary #1F3D33 (close to gunmetal) carries white button labels at 11.8:1, the accent #D4B483 (close to tan) handles highlights and badges, and body text #1B2622 on the #FBFAF7 surface reaches 14.9:1, which is AAA for body copy.
What each primary color signals
Each palette leads with a different primary, and each one sends a slightly different message to law firm customers. Choosing between them is less about which looks best in isolation and more about which promise you want to make first.
Counsel (#14213D). Blue is the most trusted color in digital products. It signals stability, competence and calm, which is why banks, SaaS tools and health platforms default to it. Because so many products already use blue, the shade matters more than the hue. Pair it with an unexpected neutral or accent so the interface does not look like every other dashboard.
Chambers (#6A1B2A). Red is the most urgent color: passion, energy, appetite and danger. Darker reds like burgundy and wine shift toward luxury and tradition. Red is reserved for errors and destructive actions in most interfaces. If red is your brand color, keep it for marketing surfaces and give destructive actions an explicit label as well as a color.
Modern Practice (#25282B). Greys and charcoals feel professional, technical and serious. Blue-tinted greys feel cool and modern; warm greys feel softer. Most interfaces are built mostly from greys. Choosing a tinted grey (slate, charcoal) instead of a flat one gives the whole product a consistent temperature.
Advocate (#1F3D33). Teal and cyan sit between blue's trust and green's freshness. They read as clear, clinical, modern and a little optimistic. Teal makes a strong primary for health, fintech and productivity tools. Check contrast carefully: mid teals often fail with white text at small sizes.
Contrast check
All four palettes at a glance
| Palette | Primary | Accent | Surface | Text | Text contrast |
|---|---|---|---|---|---|
| Counsel | #14213D | #C5A047 | #FFFFFF | #14213D | 16.0:1 |
| Chambers | #6A1B2A | #B89B72 | #FAF8F5 | #231A1C | 16.0:1 |
| Modern Practice | #25282B | #1C8C84 | #FFFFFF | #1D1F21 | 16.5:1 |
| Advocate | #1F3D33 | #D4B483 | #FBFAF7 | #1B2622 | 14.9:1 |
Export the Counsel palette
:root {
--color-primary: #14213D;
--color-accent: #C5A047;
--color-surface: #FFFFFF;
--color-muted: #EEEFF2;
--color-text: #14213D;
}// tailwind.config.js
theme: {
extend: {
colors: {
primary: "#14213D",
accent: "#C5A047",
surface: "#FFFFFF",
muted: "#EEEFF2",
ink: "#14213D",
},
},
}Using color in law firm interfaces
- Keep the palette to two colors plus neutrals. Restraint reads as competence.
- Use generous white space and dark text for long pages of legal content.
- Make the 'Book a consultation' action clearly visible but not loud.
- Practice-area pages can share one layout with subtle accent shifts, not new colors.
Avoid bright, playful colors and heavy gradients. They undermine the seriousness clients expect from legal representation.
Common law firm color mistakes
- Too many colors. A legal brand with several bright accents looks less serious. Two colors plus neutrals is plenty.
- Gold text on white. Gold accents are popular, but gold text usually fails contrast. Use it for lines and details instead.
- Dense, low-contrast pages. Grey text on white across long practice-area pages makes content hard to read for clients who need it most.
How to build your own law firm palette
- Start with one primary. Pick the color that will carry buttons and key actions. For law firm, the schemes above use colors like #14213D, #6A1B2A, #25282B, #1F3D33. Check that it reaches at least 4.5:1 with its button label.
- Add one accent. The accent is for highlights, badges and secondary emphasis. It should contrast in hue with the primary, the way #C5A047 offsets #14213D in Counsel.
- Choose a tinted surface. Instead of pure white, use a surface with a hint of your palette, like #FFFFFF. It reduces glare and makes the brand feel considered.
- Set a muted panel color. A slightly deeper neutral (for example #EEEFF2) separates cards, sidebars and table headers without borders.
- Pick a dark text color, not pure black. A deep, tinted neutral like #14213D keeps text readable while matching the rest of the palette. Then test every pairing against the WCAG contrast guideline.
A dark mode version
To build a dark theme from the Counsel palette, flip the surface and text roles: #14213D becomes the background and #FFFFFF becomes the text, which keeps the same 16.0:1 contrast. Use #C5A047 for buttons and links, since it reaches 6.5:1 against the dark surface, and lift panels one step lighter than the background instead of adding borders.
Avoid simply inverting every color. Saturated colors look more intense on dark backgrounds, so most dark themes slightly desaturate the accent and reserve the brightest version for small elements like focus rings and active states.
Color across your law firm brand
Marketing site. The firm's website can use the deep primary for headers and navigation, the accent for thin details and the consultation button, and generous white space.
Product or app. Client portals and document areas should be quiet and practical: neutral surfaces, the primary for navigation and clear labels for deadlines and statuses.
Emails and print. Letters, proposals and emails should feel consistent with print tradition: dark text, the primary for the letterhead and very restrained use of the accent.
Accessibility checklist for law firm interfaces
- Body text reaches at least 4.5:1 against its background. In the palettes above, 4 of 4 text and surface pairs meet this out of the box.
- Buttons, inputs and icons reach at least 3:1 against their surroundings, as required by WCAG non-text contrast.
- Status, errors and selections are shown with an icon or label as well as color, following WCAG use of color.
- Focus states are visible on every interactive element, in a color that contrasts with both the surface and the primary.
- Charts and data use colors that remain distinguishable in grayscale, or add patterns and direct labels.
Law Firm color trends
Many firms are moving from traditional navy and burgundy toward more modern combinations like charcoal with teal or deep green with warm sand, especially boutique, tech and immigration practices that want to feel approachable.
Generate a law firm UI in this palette
Inspo AI turns the Counsel palette into a complete, responsive screen grounded in real law firm products.
Sources and further reading
- WCAG 2.1: Contrast (Minimum) · The W3C rule behind the 4.5:1 and 3:1 thresholds used on this page.
- WCAG 2.1: Non-text Contrast · Contrast requirements for buttons, borders and icons.
- WCAG 2.1: Use of Color · Why color should never be the only way information is shown.
- Tailwind CSS: Customizing colors · How to add a custom color scale to your theme.
Palettes for other industries
Questions people ask
What colors should a law firm use?
Navy, charcoal, deep green and burgundy with gold or neutral accents are the most common because they signal authority and trust.
Can a law firm use a modern color palette?
Yes. Charcoal with a teal or terracotta accent feels modern while staying professional, which suits startup and tech law firms.
Is blue a good color for lawyers?
Navy blue is one of the safest choices for law firms because it is associated with trust, stability and professionalism.
What colors convey trust for a law firm?
Navy, charcoal and deep green are strongly associated with trust and stability.
Can a law firm website use a dark theme?
Dark hero sections can feel premium, but keep long content pages light for comfortable reading.
↘ Building Inspo AI | AI-Powered Design Research & Builder Platform | Design Engineer.