neondark
Toxic Lime Color Palette
Toxic Lime is a neon and dark color palette of 5 colors: Oxford Blue (#0a0a0a), Oxford Blue (#1a1a2e), Neon Green (#39ff14), Green Yellow (#ccff00) and White Smoke (#f5f5f5). Its dominant hue is green.
The darkest color, Oxford Blue, on the lightest, White Smoke, gives a 18.15:1 contrast ratio — enough for body text at WCAG AAA. 6 pairs in this palette pass AA for normal text. Neon Green (#39ff14) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxford Blue
- Oxford Blue
- Neon Green
- Green Yellow
- White Smoke
CSS Output
:root {
--toxic-lime-1: #0a0a0a;
--toxic-lime-2: #1a1a2e;
--toxic-lime-3: #39ff14;
--toxic-lime-4: #ccff00;
--toxic-lime-5: #f5f5f5;
}Toxic Lime on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Oxford Blue on White Smoke#0a0a0a on #f5f5f518.15:1AAA
- Oxford Blue on Green Yellow#0a0a0a on #ccff0016.84:1AAA
- Oxford Blue on White Smoke#1a1a2e on #f5f5f515.64:1AAA
- Oxford Blue on Neon Green#0a0a0a on #39ff1414.60:1AAA
- Oxford Blue on Green Yellow#1a1a2e on #ccff0014.51:1AAA
- Oxford Blue on Neon Green#1a1a2e on #39ff1412.58:1AAA