The Brat look is a flat colour field and one short word. Colour does most of the work, so the choice matters more than it seems. These are the four colour combinations built into Brat Generator, with the exact values, a contrast check for each, and advice on when to use which.
The four built-in colour combinations
| Preset | Background | Text | Contrast ratio | Best for |
|---|---|---|---|---|
| Classic green | #8ACE00 | #000000 | 10.9 : 1 | Posts, profile pictures, thumbnails, anything that must be read quickly |
| Hot pink | #FF00FF | #FFFFFF | 3.1 : 1 | Large single words only: stories, stickers, banners |
| White with black text | #FFFFFF | #000000 | 21 : 1 | Print, documents, slides, small captions |
| Green with white text | #7ED000 | #FFFFFF | 1.9 : 1 | Decorative use only; switch to black text if the words matter |
Contrast ratios are calculated with the WCAG formula. A ratio of 4.5 : 1 or higher is the usual target for body text, and 3 : 1 is the minimum for very large text. That is why the classic green and black pairing is the safest choice, and why white text on the lighter green is only suitable for decoration.
Classic green: #8ACE00 with black text
This is the default in the generator and the combination most people recognise. Black on this green reads clearly on a phone screen in daylight, survives being shrunk to a profile picture, and stays legible after JPEG compression. If you only use one preset, use this one. For consistency across a set of images, always type the same hex value rather than eyeballing it.
Hot pink: #FF00FF with white text
Magenta with white text is loud and fun, but the 3.1 : 1 ratio means it only works for a single large word. Keep the text at least a third of the image height, avoid adding blur, and do not use it for captions or small print. If readability matters, swap the text to black, which raises the ratio to 6.7 : 1.
White with black text
A white background with black text gives the maximum possible contrast. It is the best option for anything that will be printed, dropped into a document or slide deck, or placed on a busy page where a bright green block would clash. It also saves ink if you print it.
Green with white text: #7ED000
This preset pairs a slightly more saturated green with white text. It looks bright, but the 1.9 : 1 ratio is too low for reading at a glance. Use it for decorative images where the word is secondary, and choose black text whenever the message has to be understood.
How to choose a colour
Start with the place the image will appear. A feed with many bright images rewards the classic green because it stands out and stays readable. A dark-mode app suits the white or black variants. Check the result on a phone at arm’s length: if you have to squint, increase the contrast or the text size. Avoid mixing more than two colours in one image, since the style depends on a flat field and one word.
Use the colours in the generator
Open the Brat Generator, type your text, then pick a preset or enter any hex value for the background and text. The Brat Text Generator handles longer captions and multi-line text, and the Brat Font Generator page explains how the type style works and how to recreate it in other apps. For the background colour used throughout this site, see the guide to the Brat green colour code.
Frequently asked questions
What is the Brat green hex code?
Brat Generator uses #8ACE00 as its default green, paired with black text. Other sites list slightly different values because the original look is a flat lime tone rather than an official brand colour.
Can I use my own colours?
Yes. Enter any hex value for the background and the text in the colour controls. The built-in presets are only starting points.
Which colour combination is easiest to read?
White background with black text has the highest contrast at 21 : 1. Among the green options, black text on #8ACE00 is clearly the most readable at 10.9 : 1.
Why not use white text on green?
White text on the lighter greens has a very low contrast ratio, so it is hard to read on small screens and in bright light. Black text is the better choice when the words matter.
Brat Generator is an independent project and is not affiliated with any artist or record label.