Logistics & Delivery
Swiggy Color Codes
Swiggy works in a single orange, hex #FC8019, on white. The Swiggy color codes in Hex, RGB and CMYK can be found below. Sriharsha Majety, Nandan Reddy and Rahul Jaimini started it in Bangalore in 2014, and along with Zomato it is one of the two names that food delivery in India comes down to. Its nearest peer on this site is Zomato.
Primary colors
What are Swiggy Primary Colors?
Swiggy's primary color is #FC8019. Every value on this page is derived from it.
Swiggy publishes a brand system; the value shown matches its stated orange.
Swiggy Primary
| Hex | #FC8019 |
|---|---|
| RGB | 252, 128, 25 |
| HSL | hsl(27, 97%, 54%) |
| CMYK | 0%, 49%, 90%, 1%converted · approximate |
| Pantone | PMS 1505 Cnearest match · not published by the brand |
Swiggy Hex Color Codes
Swiggy hex color codes are #FC8019 for primary.
| Color | Hex |
|---|---|
| Primary | #FC8019 |
Swiggy RGB Color Codes
Swiggy RGB color codes are 252, 128, 25 for primary. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Primary | rgb(252, 128, 25) |
Swiggy HSL Color Codes
Swiggy HSL color codes are 27, 97%, 54% for primary. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Primary | hsl(27, 97%, 54%) |
Swiggy CMYK Color Code
Swiggy CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Primary | 0%, 49%, 90%, 1% |
Swiggy Pantone Color Codes
Swiggy Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Primary | PMS 1505 C |
Logo
Swiggy Logo Colors
Swiggy logo colors are one orange for the wordmark and the location-pin mark.
Swiggy Logo Colors Palette
What the Swiggy Logo Colors Mean?
The Swiggy orange is a bright, warm tone that sits right between food and speed, and the mark is a location pin with a bite of white taken out of it, tying delivery and eating into one shape. A single color keeps the rider tees, the packaging and the app all obviously Swiggy against Zomato's red.
Swiggy Logo Color History
Swiggy logo color history holds the orange from launch. A 2016 refresh set the current pin mark and the wordmark; the color has not moved since.
Swiggy Logo Fonts
Swiggy logo fonts are a custom bold sans, rounded with a friendly finish. A face like Proxima Nova Bold is the closest match.
Swiggy Logo JPG
Swiggy logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Swiggy Logo PNG
Swiggy logo in PNG, with a transparent background. Use it over a colored surface.
Swiggy Logo WebP
Swiggy logo in WebP. Same transparency as the PNG at about a third of the file size.
Swiggy Color Code Shades
Swiggy color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Swiggy paint or trim names.
In code
Using the Swiggy palette
CSS custom properties
:root {
--swiggy-primary: #FC8019;
}
Contrast against white
| Primary | 2.55: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.