What The Brat Cover Actually Looks Like
Four decisions make the cover, and none of them are complicated. The background is a single flat colour: #8ACE00, a yellow-green that sits between lime and chartreuse. The text is white, lowercase, and set in a narrow grotesque — close to Arial Narrow — that has been stretched vertically so the letters are taller than they are wide. And the whole thing is slightly blurred, as if a screenshot was enlarged one time too many.
That is it. No image, no texture, no gradient, no drop shadow. The type is centred on a square canvas with generous margins, and because the text sits dead centre rather than on a baseline grid, the block reads as a label rather than as a headline. This generator reproduces all four decisions and then lets you break any of them one at a time.
The proportions matter more than people expect. A 900-pixel square with text capped at 80% of the width and a line height of 1.12× the font size is what keeps a long phrase from either crowding the edges or floating in the middle of a void. Squash the type to 1.15 and you get the narrow proportions; leave it at 1.0 and it reads as a plain meme instead.
How To Use This Generator
- Type your text. One word works best — the original covers are a single lowercase phrase. Press Enter for a second line if you want a stacked block, but keep each line short.
- Leave the defaults alone first. Brat green, white text, lowercase, 72px, 2px blur. That combination is what the album uses, and it is what people recognise before they read a single letter.
- Adjust one variable at a time. Blur to zero for the clean repost look. Font size up to 110–130 for a two-word phrase. Squash to 1.15 if your font falls back to a wider face and the letters start looking chunky.
- Download the PNG. It is a full 900×900 square, so it drops straight into an Instagram post, a playlist thumbnail or a Discord emoji slot without cropping.
A note on the blur slider: the original cover is not uniformly blurred. It looks like a low-resolution export that was scaled up, which softens edges unevenly. A single 1–2px blur is the closest a browser can get in one pass, and at normal viewing sizes the difference is invisible. Above 3px it stops looking like the cover and starts looking like a mistake.
Where The Aesthetic Came From
The look is tied to Charli XCX's 2024 album Brat and the summer that followed it. The cover was deliberately un-designed — a plain green square with one lowercase word — and that refusal to decorate is exactly what made it reproducible. Anyone with a text tool could make one in ten seconds, so everyone did.
What turned it into a format rather than a fad was how the internet used it. People applied the same green square to things that had nothing to do with the album: brands, football clubs, political campaigns, personal announcements. Because the template removed every decision except the words, the words became the entire content. A format that plain can carry almost any message, which is why it outlived the album cycle.
For anyone making one now, the useful lesson is that the constraint is the point. The covers that work are the ones that resist the urge to add a logo, a gradient or an emoji. If you find yourself wanting to improve it, you have probably left the aesthetic.
The Colours, Precisely
Brat green is the one thing people get wrong when they rebuild it by eye in a photo editor. Here are the values this tool uses, plus the variations that have become standard in the two years since.
- Brat green — #8ACE00. Slightly more yellow than a pure lime, and darker than a highlighter. If your version looks neon, it is too light; if it looks olive, it is too dark.
- Pale lime — #e8ff8a. The tint used in a lot of derivative "soft brat" posts where white text on full green would not read.
- Black on green — the inverted version, used for text that has to stay legible at thumbnail size.
- White on black — the "deluxe" variant, which keeps the type identical and swaps the background entirely.
Contrast is the practical constraint. White on #8ACE00 has a contrast ratio of roughly 1.9:1, which fails every accessibility guideline in existence. That is deliberate — the cover is not a document — but it does mean the format works badly for anything that has to be read on a small screen, in sunlight, or by someone with low vision. If legibility matters more than the reference, switch to black text on the same green and you keep the aesthetic while fixing the reading experience.
Brat Text Versus A Normal Meme Generator
The difference is what the tool refuses to do. A general meme generator gives you captions in the Impact font, a photo, and a border. This one gives you a colour, a typeface and a blur, and nothing else. That narrowness is why it produces something that looks intentional rather than assembled.
It also means the format has a hard ceiling. It works for short statements, announcements, jokes and one-line provocations. It does not work for a paragraph, a list, or anything that needs hierarchy — there is no place for a subheading in a design with exactly one text block. If your message needs structure, this is the wrong template and no amount of font-size tuning will fix it.
Using It Without Getting It Wrong
Three habits separate a cover that reads as a reference from one that reads as a mistake.
- Lowercase, always, unless you have a reason. Uppercase turns the label into a shout and loses the flat, deadpan tone that makes the format work.
- One thought per square. Two unrelated sentences in one image reads as a poster, not a cover.
- Do not add a logo. The instant a brand mark appears, the image stops being a brat cover and becomes an ad wearing one as a costume — which is precisely the joke that a lot of brands walked into.
For anything published publicly, remember that the green square is strongly associated with a specific artist's work. Using it for a personal joke or a commentary is normal internet practice; using it as the identity of a product or a paid promotion is a different question, and one worth thinking about before you ship it.
Rebuilding It Elsewhere, And Why It Drifts
People usually make their first brat cover in Canva, Photoshop or Figma, and they usually end up with something slightly wrong. The drift is predictable, because each tool introduces the same three mistakes.
Mistake one: the colour is picked by eye. Eye-dropping a photo of the album gets you a slightly duller green, because the photo has been compressed and colour-shifted on its way through a social platform. Typing #8ACE00 into the hex field is the only way to land on the actual value. In Photoshop, also check that the document is in sRGB — working in CMYK will shift the green toward yellow when it exports.
Mistake two: the type is set in a normal-width font. The original uses a condensed face, so if you set a phrase in regular Helvetica at the same point size, it fills much more of the square and the margins collapse. The fix is either to choose a condensed face or to scale the text horizontally to around 85%. This generator exposes that as the squash slider, precisely because it is the fiddliest part to get right by hand.
Mistake three: the blur is applied to the whole canvas. In an image editor, blurring the finished square softens the edge of the image too, producing a fuzzy border that the original does not have. The original is soft only in the letterforms. If you are working in Photoshop or Figma, apply the blur to the text layer alone and leave the background sharp; if you are working on the web, draw the fill first and blur only the glyphs, which is what this tool does.
On the web specifically there is a fourth trap: CSS filters are applied in the element's own coordinate space, so a blur on a container with overflow hidden gets clipped at the edges, and a blur combined with a transform can be rasterised at the wrong resolution and come out soft at every zoom level. Rendering to a canvas sidesteps all of it — the blur is applied once, to glyphs, at the final pixel size, and the exported PNG matches the preview exactly.
If you only remember one thing: the cover is a flat colour, one text block and a small blur. Every tool can do those three things. The versions that look wrong are the ones where someone added a fourth.
Frequently Asked Questions About Brat Covers
These are the questions this tool gets most often, answered for the format rather than for the album.
FAQs
#8ACE00. Anything within a few points of that reads as correct on screen; the common mistakes are going too neon (#aaff00) or too olive (#7a9c00).
Because the original covers are lowercase, and the flat tone depends on it. Uppercase turns the same words into a shout and changes the register of the whole image.
That is the default — a 2px blur imitates the soft edges of a low-resolution export. Set the blur slider to 0 if you want the crisp version used in most reposts.
A narrow grotesque close to Arial Narrow, stretched vertically. This tool approximates it with whatever narrow face your system has and applies a squash control so you can match the proportions by eye.
Yes. White, black, pale lime, pink and sky blue are preset, and all of them keep the type treatment intact. The green is the reference; the others are variations that have become common in their own right.
Yes, 900×900 pixels. That makes it usable as an Instagram post, a playlist cover, a profile picture or a Discord emoji without any cropping.
Three or four short words before the type has to shrink below the point where it reads as a cover. One or two is the sweet spot, which is why most real examples are a single phrase.
No — this tool draws type on a flat colour only. Putting a photo behind the green would change the format into a different meme entirely.
No. Everything is drawn on a canvas in your browser. There is no account, no server request and no stored copy.
The PNG is yours and carries no watermark. Be aware that the green square is strongly associated with a specific artist's album, so using it as a product identity or in paid advertising is a judgement call worth making deliberately rather than by accident.
Because the contrast ratio is only about 1.9:1 — far below any accessibility guideline. It is a deliberate design choice in the original, not an oversight. If legibility matters, switch the text colour to black.