Chemical Green
From Acid Graphics · Colors chosen by Aesthetary, following the documented color rules
Toxic green leads at full saturation on black, with pale gray for reading text.
#050505, canvas, 60%. #121512, surface, 8%. #E8E8E8, text, 10%. #C8D2DC, muted text, 4%. #39FF14, primary action and accent, 13%. #FF1AC6, fill 1, 5%.
Suggested proportions
- 60% Canvas
- 10% Text
- 8% Surface
- 8% Primary action
- 5% Accent
- 5% Fill 1
- 4% Muted text
In use
New
SOLVENT 07
Friday. Doors at eleven. Late license.
Get ticketsLineup
#FF1AC6, fill 1.
Guest list
Ten places, first come.
Name
R. Okafor
The guest list is full.
Using it well
17 color pairs are approved for use. 5 pairs are not for text; the ones that matter most for this palette:
- Text on Fill 1 Not for text. The Acid Graphics page’s rule: never set body text on a green or magenta field.
Roles
13 colors, their HEX values, what each is for and where it comes from
| Role | Color | Use | Where it comes from |
|---|---|---|---|
| Canvas | #050505 | The ground. | From the Acid Graphics page’s “black” color. Basis: Aesthetary’s interpretation. |
| Surface | #121512 | Fields and panels. | Added by Aesthetary. The Acid Graphics page names no surface; a lifted black for fields. |
| Text | #E8E8E8 | Body text, pale gray on black. | From the Acid Graphics page’s “paper” color. Basis: Aesthetary’s interpretation. |
| Muted text | #C8D2DC | Liquid metal, edges, secondary text. | From the Acid Graphics page’s “chrome” color. Basis: Aesthetary’s interpretation. |
| Primary action | #39FF14 | The action: the dominant neon as a fill. | Named in the sources: “neon green” From the Acid Graphics page’s “green” color; Aesthetary gives it this role. Basis: a documented rule. |
| Text on primary | #050505 | Label on the green. | From the Acid Graphics page’s “black” color; Aesthetary gives it this role. Basis: Aesthetary’s interpretation. |
| Secondary action | #E8E8E8 | Secondary action: a gray outline. | From the Acid Graphics page’s “paper” color; Aesthetary gives it this role. Basis: Aesthetary’s interpretation. |
| Border | #2A2E2A | Hairlines. Decorative only. | Added by Aesthetary. The Acid Graphics page names no rule. |
| Input border | #6B746B | The edge of an input. | Added by Aesthetary. A field’s only edge needs 3:1 on the black. |
| Accent | #39FF14 | Green leads: links, the current item, display type. | Named in the sources: “neon green” From the Acid Graphics page’s “green” color. Basis: a documented rule. |
| Focus | #39FF14 | Focus ring. | Added by Aesthetary. The Acid Graphics page defines no focus color; the green reaches 15.03:1 on the black. |
| Fill 1 | #FF1AC6 | The second chemical color, for fields and display. | From the Acid Graphics page’s “magenta” color. Basis: Aesthetary’s interpretation. |
| Error | #FF6B5B | Errors, always with a word. | Added by Aesthetary. The Acid Graphics page defines no status color; a coral-red apart from the magenta. |
Contrast, by use
17 approved pairs, all passing · 5 not for text
WCAG 2 ratios, computed from the colors. Text needs 4.5:1; large text (24px, or 18.66px bold) and non-text (a focus ring, a field’s only edge, an icon) need 3:1. Only the pairs listed as approved are recommended.
Approved pairs
| Pair | Contrast | Needs | For | Result |
|---|---|---|---|---|
| Text on Canvas | 16.63:1 | 4.5:1 | TextReading text | Passes |
| Text on Surface | 15.01:1 | 4.5:1 | TextReading text | Passes |
| Muted text on Canvas | 13.30:1 | 4.5:1 | TextSecondary text, captions | Passes |
| Muted text on Surface | 12.01:1 | 4.5:1 | TextSecondary text, captions | Passes |
| Text on primary on Primary action | 15.03:1 | 4.5:1 | TextLabel on the primary action | Passes |
| Secondary action on Canvas | 16.63:1 | 4.5:1 | TextSecondary action: label and outline | Passes |
| Secondary action on Surface | 15.01:1 | 4.5:1 | TextSecondary action: label and outline | Passes |
| Primary action on Canvas | 15.03:1 | 4.5:1 | TextLinks and small text in the action color | Passes |
| Primary action on Surface | 13.57:1 | 4.5:1 | TextLinks and small text in the action color | Passes |
| Focus on Canvas | 15.03:1 | 3:1 | Non-text (3:1)Focus ring | Passes |
| Focus on Surface | 13.57:1 | 3:1 | Non-text (3:1)Focus ring | Passes |
| Input border on Canvas | 4.21:1 | 3:1 | Non-text (3:1)Input edge, the only boundary of a field | Passes |
| Input border on Surface | 3.80:1 | 3:1 | Non-text (3:1)Input edge, the only boundary of a field | Passes |
| Error on Canvas | 7.29:1 | 4.5:1 | TextStatus message, always with a word or icon | Passes |
| Error on Surface | 6.57:1 | 4.5:1 | TextStatus message, always with a word or icon | Passes |
| Accent on Canvas | 15.03:1 | 4.5:1 | TextAccent text | Passes |
| Accent on Surface | 13.57:1 | 4.5:1 | TextAccent text | Passes |
Not for text
- Text on Fill 1 2.76:1. Not for text. Never. The Acid Graphics page’s rule: never set body text on a green or magenta field.
- Border on Canvas 1.48:1. Not for text. Fill or decoration only. Under 3:1: a fill or decoration only. Never text, an icon or a field’s only edge.
- Border on Surface 1.33:1. Not for text. Fill or decoration only. Under 3:1: a fill or decoration only. Never text, an icon or a field’s only edge.
- Input border on Canvas 4.21:1. Not for text. Non-text only. An edge or ring, not a text color.
- Input border on Surface 3.80:1. Not for text. Non-text only. An edge or ring, not a text color.
What makes it characteristic
Neon green leads on near-black, at full saturation; the colors are meant to vibrate rather than harmonize. Reading text never sits on the green or the magenta: it stays pale gray on black.
Limits of this palette
- No light variant: the sources set the chemical colors against black.
- The black ground follows Aesthetary’s summary of the sources, not a single source.
What the sources say
1 color descriptions in their own words · 4 color rules, each marked documented or Aesthetary’s interpretation
Named in the sources
- “bright colour including neon green”
Color rules for this Aesthetic
- Use bright neon color, with green leading. a documented rule
- Pair toxic green with magenta at full saturation. a documented rule
- Let colors vibrate against each other. a documented rule
- Set body text in pale gray on black, never on green or magenta fields. Aesthetary’s interpretation
Related
AestheticAcid Graphics
Related palettesOutline and Fill, Flat Fields, Tinted Plastic, Laminate Clash