ColorSense Blog
Electric Brights Color Palette (2026): HEX Codes and Accessible Pairings
The Electric Brights summer 2026 palette: five maximalist HEX codes — magenta, tomato, and cobalt — with measured WCAG pairings and ready-to-paste CSS variables.
Electric Brights is the loudest palette in summer 2026: maximalist magenta, tomato, and cobalt built to grab attention. It is part of our wider collection of 13 summer 2026 color palettes, and it is the one to reach for when subtle is the opposite of what you want.
The Electric Brights palette: Mulberry, Persimmon, Tory Blue, Lochinvar, and Mojo.
The 5 Colors in the Electric Brights Palette
Mulberry #D4478A
A vivid magenta pink that sets the palette's high-energy tone. Use it for fills, highlights, and large accents rather than small text.
Persimmon #FF6347
A bright tomato red-orange and the warmest punch in the set. It is light enough to take black text in a hero block and strong enough to drive a call to action.
Tory Blue #1E4CA1
A deep cobalt that grounds the brighter tones. It is dark enough to use as text on white or as a solid background with light text, which makes it the most flexible color here.
Lochinvar #3A8B8C
A muted teal that cools the magenta and tomato. It works well for secondary buttons, icons, and dividers as a fill rather than body text.
Mojo #C84B35
A grounding terracotta red that adds depth and a sun-baked contrast to the brighter tones. Strong for large headings and framing elements.
Accessible Pairings (WCAG)
Electric Brights is a saturated palette, so accessibility works differently than it does with pastels. Two combinations clear the AAA threshold of 7:1: black text on Persimmon, and Tory Blue paired with a paper-white. Every figure below was measured directly with the WCAG contrast formula, and because contrast is symmetric, each ratio holds whichever color you use as the text.
7.13:1 contrastAAA
Ink Black
#000000
7.16:1 contrastAAA
Paper
#F4F1ED
Mulberry, Lochinvar, and Mojo are accents, not body text. Measured on white, Mulberry #D4478A reaches 4.14:1, Lochinvar #3A8B8C 4.00:1, and Mojo #C84B35 4.65:1; on black they top out at 5.07:1, 5.25:1, and 4.51:1. None can clear the 7:1 AAA mark against any neutral, which is normal for vivid mid-tones. Tory Blue #1E4CA1 is the exception — it reaches 8.07:1 as text on white. For everything else, set body copy in a deep neutral such as #1A1A1A (17.40:1 on white).
Try it now
Check any color pair against WCAG — free, no signup
Pick a foreground and background, see the exact contrast ratio plus AA/AAA verdicts for normal and large text. One click auto-fixes a failing pair while keeping your hue.
Open WCAG Contrast Checker →
How to Use Electric Brights
Web and UI: use Persimmon #FF6347 and Mulberry #D4478A for primary buttons and highlights, Lochinvar for secondary actions, and Tory Blue #1E4CA1 as a deep background or as readable text. Keep body copy in a deep neutral so it always clears AAA.
Branding and print: this palette suits events, music, youth brands, and bold social graphics. Lead with one bright as the hero, use Tory Blue to ground it, and let Mojo add an earthy counterweight so the loudness reads intentional.
Social and editorial: Electric Brights is built for scroll-stopping graphics. Pair Persimmon and Mulberry for maximum energy, and drop to Tory Blue and Lochinvar when you want the same palette to feel a little more composed.
Electric Brights CSS Variables
Paste this straight into your stylesheet to use the palette as design tokens, including the accessible dark tones for text:
:root {
--mulberry: #D4478A;
--persimmon: #FF6347;
--tory-blue: #1E4CA1;
--lochinvar: #3A8B8C;
--mojo: #C84B35;
/* accessible dark tones for text and UI */
--ink-black: #000000;
--paper: #F4F1ED;
}
Want this palette turned into a complete brand kit with matching fonts, contrast checks, and Tailwind and Figma tokens? Run it through the ColorSense Brand Kit, or pull a related set from your own image with the Color Picker.
Electric Brights is one of 13 summer 2026 color palettes in our full guide. Browse the rest for pastels, earth tones, and coastal blues.
Take it further
Turn any palette into a full brand kit
ColorSense AI Brand Kit pairs your palette with matching fonts, accessibility checks, and export-ready CSS, Tailwind, and Figma tokens.
Build a Brand Kit →