If you have spent any time scrolling through TikTok, Instagram, or X recently, you have undoubtedly run into a wall of aggressive, low-resolution lime green. This is not just a random design choice—it is the visual signature of the “Brat” aesthetic, a cultural phenomenon sparked by Charli XCX’s blockbuster album.
To recreate that messy, high-contrast, unapologetically loud digital look, you need more than just a generic shade of green. You need the exact color palette.
What Exactly Is Brat Green?
Brat Green is an unmissable, retina-searing neon lime green. It defies corporate minimalism and clean design rules on purpose. It looks cheap, aggressive, and entirely magnetic—which is precisely why it took over the internet.
- Hex Code:
#8ACE00 - RGB Values:
138, 206, 0 - CMYK Values:
33%, 0%, 100%, 19% - HSL:
79.8°, 100%, 40.4%
The Complete Brat Color Palette
While the signature acid green carries the movement, the true bratcore aesthetic relies on high-contrast pairings. Designers and creators use these complementary hex codes to build graphics, web elements, and video edits that pop:
| Color Name | Hex Code | RGB Value | Best Used For |
| Brat Green | #8ACE00 | 138, 206, 0 | Primary backgrounds, iconic album text, main canvases |
| Brat Neon Green | #39FF14 | 57, 255, 20 | Highlighting text, digital glow effects, extreme contrast |
| Hot Pink | #FF007F | 255, 0, 127 | Borders, secondary accents, bold callouts |
| Baby Pink | #FFB6C1 | 255, 182, 193 | Soft contrast, ironic juxtaposition, subtext |
| Electric Blue | #00FFFF | 0, 255, 255 | Cyberpunk-leaning edits, digital distortion |
| Brat Black | #000000 | 0, 0, 0 | The iconic blurry lowercase typography |
| Pure White | #FFFFFF | 255, 255, 255 | Clean text overlays against dark or green backdrops |
How to Apply the Brat Aesthetic in Your Projects
You don’t need a formal graphic design background to channel this energy. The aesthetic thrives on minimalism mixed with chaos—think low-res Arial Narrow fonts typed out in lowercase letters.
1. Social Media & Content Creation
- TikTok & Reels: Use
#8ACE00as a solid green-screen background with stark black text dropped right in the center. - Instagram Story Highlights: Create minimalist cover icons featuring a neon green fill paired with stark black typography.
- Meme Templates: Lay out simple, unformatted text over a solid lime block to replicate viral album generator templates.
2. Professional Design Software (Canva, Figma, Photoshop)
- Canva: Punch
#8ACE00directly into the document background color picker. - Figma & Photoshop: Save these hex codes to your swatches. Pair the lime background with hard-edged, zero-radius rectangles (no rounded corners allowed—brat design is sharp and unpolished).
How to Use These Colors in Web Design (Styling Guide)
If you are designing a website or landing page and want to apply the brat theme, here is how you can set it up clearly using standard design properties:
- Background Color: Set your main container background to
#8ACE00(Brat Green) to instantly capture the signature look. - Text Styling: Keep your text lowercase, bold, and in
#000000(Brat Black) using a clean sans-serif typeface like Arial Narrow. - Borders and Accents: Add high-impact borders around your cards or boxes using
#FF007F(Hot Pink) or a solid black outline to create that classic sticker look. - Interactive Buttons: Make your buttons use a black background (
#000000) with brat green text (#8ACE00), then invert those colors when someone hovers their mouse over the button for an electric neon pop.
Frequently Asked Questions
What is the exact Brat Green hex code?
The definitive hex code is #8ACE00. It represents the exact shade used to define the cultural wave of pop culture branding.
Why is Brat Green so popular?
It breaks traditional design rules. For years, digital interfaces relied on sleek, muted pastels, corporate blues, and minimalist grays. Brat Green acts as an intentional visual disruption—it’s loud, imperfect, and demands attention.
Can I use these colors for commercial projects?
Yes. Hex codes are standard mathematical representations of light and color, meaning you can freely use #8ACE00 and its companion palette for your branding, merchandise, UI themes, and content creation.