Tinted Plastic
From Y2K · Colors chosen by Aesthetary, following the documented color rules
Pastel-metallic grounds and brightly tinted, see-through plastic color, with reading text kept on pearl.
#DFE4F2, canvas, 40%. #F4F5FB, surface, 25%. #1D2340, text, 10%. #4A5170, muted text, 3%. #3B3FD8, primary action, 4%. #6C79A3, accent, 4%. #FF9ADF, fill 1, 7%. #A6C8FF, fill 2, 7%.
Suggested proportions
- 40% Canvas
- 25% Surface
- 10% Text
- 7% Fill 1
- 7% Fill 2
- 4% Primary action
- 4% Accent
- 3% Muted text
In use
Clear cases, in color.
See-through shells in pink, ice and smoke.
Choose a colorSizes
#FF9ADF, fill 1. #A6C8FF, fill 2.
Order tracking
Enter the number from your email.
Order number
BC-20-1187
We can’t find that order.
Using it well
17 color pairs are approved for use. 12 pairs are not for text; the ones that matter most for this palette:
- Text on Fill 1 Not for text. The Y2K page’s rule: set reading text on near-solid pearl, never on a translucent tint alone.
- Text on Fill 2 Not for text. The Y2K page’s rule: set reading text on near-solid pearl, never on a translucent tint alone.
Roles
14 colors, their HEX values, what each is for and where it comes from
| Role | Color | Use | Where it comes from |
|---|---|---|---|
| Canvas | #DFE4F2 | The pastel-metallic page ground. | From the Y2K page’s “ground” color. Basis: Aesthetary’s interpretation. |
| Surface | #F4F5FB | Every surface that carries reading text. | From the Y2K page’s “pearl” color. Basis: Aesthetary’s interpretation. |
| Text | #1D2340 | Text. | From the Y2K page’s “ink” color. Basis: Aesthetary’s interpretation. |
| Muted text | #4A5170 | Secondary text. | Added by Aesthetary. The Y2K page names no secondary text color. |
| Primary action | #3B3FD8 | The action, in the link color. | From the Y2K page’s “link” color; Aesthetary gives it this role. Basis: Aesthetary’s interpretation. |
| Text on primary | #F4F5FB | Label on the action. | From the Y2K page’s “pearl” color; Aesthetary gives it this role. Basis: Aesthetary’s interpretation. |
| Secondary action | #1D2340 | Secondary action: an ink outline. | From the Y2K page’s “ink” color; Aesthetary gives it this role. Basis: Aesthetary’s interpretation. |
| Border | #C3CAE0 | Hairlines. Decorative only. | Added by Aesthetary. The Y2K page names no rule. |
| Input border | #6E7AA0 | The edge of an input. | Added by Aesthetary. A field’s only edge needs 3:1 on the ground and the pearl. |
| Accent | #6C79A3 | The chrome mid-stop: rules, icons and display gradients. | From the Y2K page’s “chrome” color. Basis: a documented rule. |
| Focus | #3B3FD8 | Links and focus. | From the Y2K page’s “link” color. Basis: Aesthetary’s interpretation. |
| Fill 1 | #FF9ADF | Translucent colored plastic, one of two tints. | Named in the sources: “brightly coloured … translucent coloured shells” From the Y2K page’s “pink” color. Basis: Aesthetary’s interpretation. |
| Fill 2 | #A6C8FF | Translucent colored plastic, the other tint. | Named in the sources: “brightly coloured … translucent coloured shells” From the Y2K page’s “ice” color. Basis: Aesthetary’s interpretation. |
| Error | #A8213A | Errors, always with a word. | Added by Aesthetary. The Y2K page defines no status color. |
Contrast, by use
17 approved pairs, all passing · 12 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 | 12.09:1 | 4.5:1 | TextReading text | Passes |
| Text on Surface | 14.12:1 | 4.5:1 | TextReading text | Passes |
| Muted text on Canvas | 6.11:1 | 4.5:1 | TextSecondary text, captions | Passes |
| Muted text on Surface | 7.14:1 | 4.5:1 | TextSecondary text, captions | Passes |
| Text on primary on Primary action | 6.68:1 | 4.5:1 | TextLabel on the primary action | Passes |
| Secondary action on Canvas | 12.09:1 | 4.5:1 | TextSecondary action: label and outline | Passes |
| Secondary action on Surface | 14.12:1 | 4.5:1 | TextSecondary action: label and outline | Passes |
| Primary action on Canvas | 5.72:1 | 4.5:1 | TextLinks and small text in the action color | Passes |
| Primary action on Surface | 6.68:1 | 4.5:1 | TextLinks and small text in the action color | Passes |
| Focus on Canvas | 5.72:1 | 3:1 | Non-text (3:1)Focus ring | Passes |
| Focus on Surface | 6.68:1 | 3:1 | Non-text (3:1)Focus ring | Passes |
| Input border on Canvas | 3.33:1 | 3:1 | Non-text (3:1)Input edge, the only boundary of a field | Passes |
| Input border on Surface | 3.90:1 | 3:1 | Non-text (3:1)Input edge, the only boundary of a field | Passes |
| Error on Canvas | 5.61:1 | 4.5:1 | TextStatus message, always with a word or icon | Passes |
| Error on Surface | 6.56:1 | 4.5:1 | TextStatus message, always with a word or icon | Passes |
| Accent on Canvas | 3.37:1 | 3:1 | Non-text (3:1)Accent as a mark, rule or indicator | Passes |
| Accent on Surface | 3.94:1 | 3:1 | Non-text (3:1)Accent as a mark, rule or indicator | Passes |
Not for text
- Text on Fill 1 8.00:1. Not for text. Never. The Y2K page’s rule: set reading text on near-solid pearl, never on a translucent tint alone.
- Text on Fill 2 9.02:1. Not for text. Never. The Y2K page’s rule: set reading text on near-solid pearl, never on a translucent tint alone.
- Accent on Canvas 3.37:1. Not for text. Non-text only. Under 4.5:1: icons, rules and edges only.
- Accent on Surface 3.94:1. Not for text. Non-text only. Under 4.5:1: icons, rules and edges only.
- Border on Canvas 1.29: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.50: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 3.33:1. Not for text. Non-text only. An edge or ring, not a text color.
- Input border on Surface 3.90:1. Not for text. Non-text only. An edge or ring, not a text color.
- Fill 1 on Canvas 1.51: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.
- Fill 1 on Surface 1.76: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.
- Fill 2 on Canvas 1.34: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.
- Fill 2 on Surface 1.57: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.
What makes it characteristic
Color is tinted into objects rather than painted on them: pink and ice-blue shells over a pale metallic ground. The reading layer stays solid and pale, so the tints never carry text.
Limits of this palette
- “The sources do not specify numeric colour values.” Pink and ice are Aesthetary’s tints.
What the sources say
2 color descriptions in their own words · 4 color rules, each marked documented or Aesthetary’s interpretation
Named in the sources
- “brightly coloured”
- “translucent coloured shells”
Color rules for this Aesthetic
- Keep the palette pastel metallic. a documented rule
- Color objects brightly; tint plastic rather than paint it. a documented rule
- Set reading text on near-solid pearl, never on the gradient or a translucent tint alone. Aesthetary’s interpretation
- The sources do not specify numeric color values. not documented
Related
AestheticY2K
Colour Elements in this AestheticPastel palette
Related palettesOutline and Fill, Flat Fields, Chemical Green, Laminate Clash