E-commerce & Payments
Afterpay Color Codes
Afterpay's color is a mint green it calls Bondi Mint, hex #B2FCE4, paired with a black wordmark. The Afterpay color codes in Hex, RGB and CMYK can be found below. The company was founded in Sydney in 2014 by Nick Molnar and Anthony Eisen, who were neighbours, and it was bought by Block in 2022. Its rival in buy-now-pay-later is Klarna.
Primary colors
What are Afterpay Primary Colors?
Afterpay's primary colors are bondi mint #B2FCE4, black #000000.
Bondi Mint is Afterpay's published brand color; the CMYK shown is a conversion.
Afterpay Bondi Mint
| Hex | #B2FCE4 |
|---|---|
| RGB | 178, 252, 228 |
| HSL | hsl(161, 93%, 84%) |
| CMYK | 29%, 0%, 10%, 1%converted · approximate |
| Pantone | PMS 332 Cnearest match · not published by the brand |
Afterpay Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Afterpay Hex Color Codes
Afterpay hex color codes are #B2FCE4 for bondi mint and #000000 for black.
| Color | Hex |
|---|---|
| Bondi Mint | #B2FCE4 |
| Black | #000000 |
Afterpay RGB Color Codes
Afterpay RGB color codes are 178, 252, 228 for bondi mint and 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Bondi Mint | rgb(178, 252, 228) |
| Black | rgb(0, 0, 0) |
Afterpay HSL Color Codes
Afterpay HSL color codes are 161, 93%, 84% for bondi mint and 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Bondi Mint | hsl(161, 93%, 84%) |
| Black | hsl(0, 0%, 0%) |
Afterpay CMYK Color Code
Afterpay CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Bondi Mint | 29%, 0%, 10%, 1% |
| Black | 0%, 0%, 0%, 100% |
Afterpay Pantone Color Codes
Afterpay Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Bondi Mint | PMS 332 C |
| Black | PMS 419 C |
Logo
Afterpay Logo Colors
Afterpay logo colors are mint green and black, with the wordmark usually shown in black.
Afterpay Logo Colors Palette
What the Afterpay Logo Colors Mean?
The Afterpay logo colors were made to order. For the 2020 rebrand the company worked with Pantone on an exclusive mint and named it Bondi Mint after the Sydney beach, aiming for something fresh and modern rather than the usual finance palette. The symbol beside the name changed at the same time, from two separate triangles to one continuous loop for the tie between shopper and shop.
Afterpay Logo Color History
Afterpay logo color history is short. The early identity used a darker blue-grey wordmark; the 2020 work brought in Bondi Mint, the black wordmark and the looped mark used now.
Afterpay Logo Fonts
Afterpay logo fonts are a custom lowercase sans, not for sale. A rounded geometric sans is the closest match.
Afterpay Logo JPG
Afterpay logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Afterpay Logo PNG
Afterpay logo in PNG, with a transparent background. Use it over a colored surface.
Afterpay Logo WebP
Afterpay logo in WebP. Same transparency as the PNG at about a third of the file size.
Afterpay Color Code Shades
Afterpay color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Afterpay paint or trim names.
In code
Using the Afterpay palette
CSS custom properties
:root {
--afterpay-bondi-mint: #B2FCE4;
--afterpay-black: #000000;
}Contrast against white
| Bondi Mint | 1.17:1AA × |
|---|---|
| Black | 21.00:1AA ✓ |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.