Classic Green
Best when you want the most recognisable Brat-inspired look for text graphics, covers and social posts.
Create Every Brat Style in Green, Black, White, Pink & More
Explore the most popular Brat colour variations, then keep the same condensed lowercase typography, tight spacing and soft blur while changing the palette to fit your own design.
Quick Guide
Create Every Brat Style
Green is the classic starting point, but the same Brat-style layout can work with black, white, pink, blue or your own colours. The palette changes the mood; the condensed text, simple composition and light blur keep the overall treatment recognisable.
Use the colour picker when a preset does not fit your design. Keep enough contrast between the text and background so the wording still reads clearly at smaller sizes.
Styles
Brat Styles You Can Create
Start with the classic green, switch to black, white or pink, or build your own colour combination. Select any style below to open the Brat Generator and start creating.
brat
Classic Brat Green
The most recognisable starting point. Use #8ACE00 with dark text for the familiar acidic lime look.
vibes
Black Brat Style
A darker, more understated variation. Black works especially well with white or Brat Green text.
clean
White Minimal Style
A cleaner minimalist version that keeps the condensed lowercase treatment while removing the loud green background.
girly
Pink Brat Style
A softer, playful variation that keeps the same lowercase typography and blur while changing the mood completely.
anomaly
Electric Blue
A bright alternative for social graphics when you want the Brat layout without copying the original green palette.
your text
Custom Colours
Use the colour picker or a custom hex value to create a familiar Brat-style layout in your own palette.
Colour Guide
Brat Green Hex Code: #8ACE00
Brat green is #8ACE00, or RGB 138, 206, 0: the acid lime green behind the classic brat text. It is the default colour in this generator. Tap a value to copy it into Canva, CapCut, Photoshop or CSS.
Screens and colour profiles show the same value slightly differently, so treat #8ACE00 as the digital brat green rather than an official print colour. For printing, the CMYK value is a close conversion; ask your printer for a proof. The brat colours guide lists every format side by side, plus background and text pairings that stay readable.
- Hex
- RGB
- HSL
- CMYK
- 33, 0, 100, 19
Typography
What Makes the Brat Text Style Work?
The look is not created by one magic font. An Arial Narrow-style condensed typeface is a practical starting point, but the recognisable effect comes from the treatment: large lowercase typography, fairly tight letter spacing, and a light blur. Use the Brat Font Generator when you want focused font, spacing, alignment and transparent-background controls.
Keep the blur subtle enough that the letters remain readable. Too much turns the text into a smear; too little makes it look like ordinary bold text on a coloured background.
Use Cases
Where Different Brat Styles Work Best
Pick a colour treatment that fits the mood of the graphic, then open that style in the Brat Generator when you are ready to create.
Black & Dark Edits
Works well for darker fan edits, understated graphics and designs where a moodier background fits better.
White Minimal Style
A clean choice for simple layouts, profile graphics and posts where you want the text treatment to feel lighter.
Pink & Playful Posts
Use pink when you want the same Brat-inspired layout with a softer, brighter or more playful mood.
Custom Colours
Match playlists, memes, wallpapers, profile pictures and social posts to your own palette instead of using a preset.
Music Artwork
Use any style as a starting point for cover concepts, then build a complete square artwork in the album cover workflow.
FAQ
Brat Styles Questions
Quick answers about Brat Green, alternate colour styles, readability and custom colour choices.
What is the brat green hex code?⌄
Brat green is #8ACE00, which is RGB 138, 206, 0 and HSL 80°, 100%, 40%. It is the default green in this generator. Screens vary slightly, so treat it as the digital brat green rather than a guaranteed print match.
Can I make black, white or pink Brat-style designs?⌄
Yes. The same condensed lowercase layout can be used with black, white, pink, electric blue or a custom colour instead of the classic green.
Is there a black, pink or blue brat generator?⌄
Yes. This brat generator has black, pink and blue styles alongside the classic green and white. Tap a colour card above to open the generator in that style, or set any background and text colour yourself.
What makes a design look Brat-style?⌄
The strongest cues are simple flat colour, condensed lowercase text, tight spacing and a small amount of blur. The treatment matters more than using one exact colour.
Can I use my own custom colour?⌄
Yes. Open the Brat Generator and use the colour picker or enter a custom hex value, then keep the typography and blur treatment consistent.
Which Brat style is easiest to read?⌄
High-contrast combinations are easiest to read. Dark text on bright green or white, and white text on black, usually stay clearer at small sizes than low-contrast combinations.
Ready to create?
Create Your Brat Style Now
Choose a colour direction, then open the main Brat Generator and customise the text, spacing, blur, and export size.
Start Creating