Free Brat Generator — Brat Text, Album Cover & Logo Maker

Create brat-style text, album covers, and logos online. Live preview, custom colors, chaos effects, and instant PNG/JPG/WebP/SVG export — no signup, no watermark.

Contrast (AA check): N/A
N/A

Shortcuts: Ctrl+Z undo · Ctrl+Shift+Z redo · Ctrl+S export PNG · Ctrl+C copy · Arrow keys nudge text · Esc reset chaos

Style presets
Chaos (blur + skew + noise)
Background
Font

How to Use This Tool

Just follow these simple steps and create your image in seconds.

Open Tool
Add Text
Choose Colors
Adjust Alignment
Download Image

Type a word, get a brat cover — that’s the whole pitch, and it should take you under ten seconds to prove it to yourself above. Everything past this point is here for the two things a screenshot-only tool can’t give you: real control over the design, and real answers about where this look actually comes from.

What Actually Makes an Image Look Like Brat?

Three things, and getting any one of them wrong is why some brat-style images look close but not right. The background is a specific lime green, hex code #8ACE00 — not a generic “green” swatch, and not the slightly different shade some tools default to. The text is lowercase, set in Arial Narrow, then stretched and given a soft blur so the edges aren’t crisp. And the layout is deliberately plain: one word or short phrase, centered, no logo, no extra graphics competing with it. Charli XCX’s 2024 album Brat used exactly this combination for its cover, and that’s the whole reason the look reads as instantly recognizable — it’s simple enough to reproduce exactly, and specific enough that getting the green slightly wrong is the difference between “brat” and “just green text.”

Our color picker defaults to that exact hex value for a reason. If you’re using a different tool and the green looks a little off, that’s usually why.

Why Does the Official Generator Just Say “Take a Screenshot”?

Charli XCX’s own site has a brat generator, and it’s worth knowing what it actually does before you go looking for it: you type text, and the only way to save your result is a browser screenshot. No download button, no format choice, no way to adjust color, font, or position. That’s fine if you want the exact stock look and nothing else. It’s not fine if you want to reposition your text, pick a different size for Instagram versus a printed sticker, or export something other than whatever your screenshot tool happens to produce.

That gap is most of the reason this tool has an actual export bar instead of a screenshot instruction.

How Do You Actually Make a Brat-Style Design Here?

  1. Type your text in the box above the canvas — it updates live as you type, no separate “generate” button to click.
  2. Drag it where you want it. Click and hold the text directly on the canvas and move it — this isn’t a form field for x/y coordinates like some tools use, it’s just drag-and-drop.
  3. Pick a style preset if you want the classic look instantly, or build your own from the background, font, and color controls.
  4. Adjust chaos if you want the blurred, slightly distorted edge the album cover has — one slider blends blur, skew, and grain together instead of three separate controls to fiddle with.
  5. Choose your export size — Instagram post, story, a YouTube thumbnail, print-resolution album art, or a size you set yourself.
  6. Download as PNG, JPG, WebP, or SVG, copy straight to your clipboard, or use your device’s share sheet to send it directly to another app.

What Can You Actually Control?

Most tools in this space let you pick a background color and type some text. That’s the ceiling. Here’s what’s actually adjustable:

  • Position — drag the text anywhere on the canvas, or nudge it pixel-by-pixel with arrow keys once it’s selected
  • Font — eight families including the classic Arial Narrow, plus size, letter spacing, and line height as separate sliders
  • Text style — bold, italic, uppercase or lowercase, drop shadow, neon glow
  • Chaos — one slider for blur, skew, and grain together, from a subtle wobble to full distortion
  • Background — solid color, a two-color gradient, or fully transparent for stickers and overlays
  • History — undo and redo through your edits, or reset everything back to default in one click
  • Export — four file formats and thirteen size presets covering social platforms, print, and a fully custom size

Where Do People Actually Use These?

Album-style covers for a playlist are the obvious one, but that’s not actually the most common use. Profile pictures are — a single word in brat green reads clearly even at the small size Instagram and X shrink avatars down to. After that: story graphics and post backgrounds sized for Instagram or TikTok specifically, meme captions where the font does half the joke on its own, and printed output — stickers, t-shirt transfers, and posters — where the transparent-background export and higher print resolutions actually matter, since a lot of tools in this space only think as far as “looks good on a phone screen.”

Is This Actually Accessible, or Just Trendy?

This is the one thing genuinely missing from every other brat generator we looked at: none of them tell you whether your text is actually readable. Brat green on black text is high contrast and reads fine. Brat green on white, or certain pastel combinations from some of the style presets, can fail basic readability standards — and if you’re making something meant to be read at a glance, like a thumbnail or a story graphic, that matters more than it sounds like it should.

The contrast checker below the canvas runs the same WCAG AA math (a 4.5:1 minimum contrast ratio) that accessibility auditors use, and updates live as you change colors. It’ll tell you plainly if a combination passes or fails. You don’t have to act on it, but you’ll at least know before you post something nobody can actually read.

10 Ready-Made Brat Generator Styles

Every preset in the panel above, in one place. Click any card to open it pre-applied — then keep it as-is or tweak it further. For the exact hex values behind each background, see the brat color code breakdown.

Common Issues and Quick Fixes

Text isn’t showing on the canvas

Usually the text color and background color are the same, so the text is technically there but invisible. Check the contrast checker above the export bar — if it reads a failing ratio, that’s the cause. Switching to the Inverted or Classic preset resets both colors to a working pair.

The download button doesn’t do anything

Some browsers block automatic file downloads from a page until you interact with it once, or if pop-ups/downloads are disabled for the site. Try the Copy button instead to paste the image directly, or check your browser’s site permissions for downloads.

My exported image looks lower quality than the preview

This is almost always the export size. The default 1080×1080 is fine for social posts but soft if you blow it up for print. Switch to Album Cover (3000×3000) or a custom size, and export PNG rather than JPG to avoid compression artifacts.

Transparent background exported as solid white

JPG doesn’t support transparency — it has no alpha channel, so this tool fills any transparent area with white before saving a JPG. Export as PNG, WebP, or SVG instead, all of which preserve transparency for stickers and overlays.

The font looks different on my phone than in the example

Arial Narrow is a Windows-native font — most Mac, iPhone, and Android devices don’t have it installed, so the browser substitutes the next font in the stack (plain Arial), which is noticeably wider than the condensed look shown in the live preview. This affects the font itself, not your design settings. If cross-device consistency matters, preview your export on the actual device it’ll be viewed on before you download — or compare how all 8 available fonts render in the brat font generator guide.

Brat Generator Alternatives

This tool is built specifically for the brat look, but it’s fair to know what else is out there and where each one actually fits.

Canva

A general design platform with community-made brat-style templates. Good if you’re already inside Canva for other work, but it needs an account for full-resolution export and takes longer to set up for a single quick image than a purpose-built generator.

Adobe Express / Photoshop

Full creative control if you already know the software, but you’d be manually entering the #8ACE00 hex code, picking Arial Narrow yourself, and building the blur/stretch effect from scratch — there’s no brat-specific starting point.

Charli XCX’s official site

Gets you the exact stock look with zero setup, but the only export option is a browser screenshot — no color, font, or position changes, and no clean file format. See what a brat generator actually is for the full breakdown.

Font Meme and similar text-in-font tools

These render text in a chosen font as an image, which covers the typography but not the background color, blur, chaos effect, or positioning that make a design read as “brat” rather than just green text.

Frequently asked questions

What is a Brat Generator?

A tool that recreates the visual style of Charli XCX’s 2024 album Brat — lowercase Arial Narrow text, stretched and blurred, on a lime-green (#8ACE00) background — and lets you swap in your own text, colors, and layout.

What’s the exact brat green color code?

#8ACE00. That’s the hex value used across this tool’s default preset and matches the original album cover’s background.

What font does the brat album cover use?

Arial Narrow, stretched horizontally and given a light blur. It’s a standard font family available on nearly every system — the distinctive look comes from the stretch and blur treatment, not a custom typeface.

Is this free, and do I need to sign up?

Yes to free, no to signup. Every control, every export format, and every size preset is available with no account, no watermark, and no paywall.

Can I use what I make commercially?

What you create is yours to use. The tool itself and the “brat” aesthetic are independent of Charli XCX, Atlantic Records, or Warner Music Group — this is a fan-made design utility, not an official product, so keep that distinction in mind if you’re using it for anything branded or commercial.

What image formats and sizes can I export?

PNG, JPG, WebP, or scalable SVG, in any of thirteen presets — Instagram post and story, X/Twitter, Facebook, LinkedIn, TikTok, YouTube thumbnail, Pinterest, print-resolution album art (3000×3000), A4 and Letter print sizes — or a fully custom width and height.

Does my text or image get uploaded anywhere?

No. Everything runs in your browser. Nothing you type or design is sent to a server or stored anywhere — close the tab and it’s gone unless you’ve already downloaded it.

Will this work on my phone, or at school/work?

It’s fully responsive with touch-drag support, and runs as a normal webpage with no downloads or extensions required — if your browser can load a webpage, it can run this.

How is this different from other brat generators?

Most let you type text and pick a background color. This adds actual drag-and-drop positioning, a combined blur/skew/noise chaos control, thirteen export sizes instead of one fixed default, four export formats including SVG, undo/redo history, and a live accessibility contrast check — none of which the sites we compared this against currently offer.

What ready-made brat generator styles are available?

Ten one-click presets: Classic, Inverted, Chaos, Neon, Pastel, High Contrast, Midnight, Sticker, Retro, and Gradient — each sets the background, text color, font, and effects together. Preview all ten in the Ready-Made Styles section, or click a preset in the tool panel to apply it instantly.

My download isn’t working or looks wrong, what do I do?

Check the contrast checker if text seems invisible, try the Copy button if downloads are blocked by your browser, export PNG or WebP instead of JPG if you need a transparent background, and choose a larger size preset like Album Cover for print-quality output. See the Common Issues and Quick Fixes section for the full list.

Are there alternatives to this brat generator?

Yes — Canva and Adobe Express both work with brat-style templates or manual setup, and Charli XCX’s official site gives the exact stock look via screenshot only. None of them combine drag-and-drop positioning, a live contrast checker, and four export formats the way this tool does. See the Brat Generator Alternatives section for a full comparison.

Guides & deep dives

brat generator is an independent fan tool and is not affiliated with, endorsed by, or sponsored by Charli XCX, Atlantic Records, or Warner Music Group.