Video Games
Origin Color Codes
Origin works in a single orange, hex #F56C2D, on white or dark. The Origin color codes in Hex, RGB and CMYK can be found below. Electronic Arts launched the PC platform in 2011, reusing the name of a studio it had bought in 1992; it was never well liked, and EA replaced it with the EA app between 2022 and 2023. Its nearest peer on this site is Battle.net.
Primary colors
What are Origin Primary Colors?
Origin's primary color is #F56C2D. Every value on this page is derived from it.
Origin ran an orange mark; the platform has been replaced by the EA app.
Origin Primary
| Hex | #F56C2D |
|---|---|
| RGB | 245, 108, 45 |
| HSL | hsl(19, 91%, 57%) |
| CMYK | 0%, 56%, 82%, 4%converted · approximate |
| Pantone | PMS 1645 Cnearest match · not published by the brand |
Origin Hex Color Codes
Origin hex color codes are #F56C2D for primary.
| Color | Hex |
|---|---|
| Primary | #F56C2D |
Origin RGB Color Codes
Origin RGB color codes are 245, 108, 45 for primary. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Primary | rgb(245, 108, 45) |
Origin HSL Color Codes
Origin HSL color codes are 19, 91%, 57% for primary. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Primary | hsl(19, 91%, 57%) |
Origin CMYK Color Code
Origin 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%, 56%, 82%, 4% |
Origin Pantone Color Codes
Origin 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 1645 C |
Logo
Origin Logo Colors
Origin logo colors are one orange for the O mark and the wordmark.
Origin Logo Colors Palette
What the Origin Logo Colors Mean?
The Origin orange was a warm, energetic tone meant to make a required launcher feel less like a chore. The mark was a lowercase o drawn as an incomplete ring; the color and the shape are now frozen, since the platform has been retired in favor of a plainer EA-branded app.
Origin Logo Color History
Origin logo color history is short and closed. The orange ran from 2011 to the platform's retirement; the EA app that replaced it uses EA's own blue and grey.
Origin Logo Fonts
Origin logo fonts were a custom bold sans, rounded and simple. A geometric sans like Gotham Bold is the closest match.
Origin Logo JPG
Origin logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Origin Logo PNG
Origin logo in PNG, with a transparent background. Use it over a colored surface.
Origin Logo WebP
Origin logo in WebP. Same transparency as the PNG at about a third of the file size.
Origin Color Code Shades
Origin color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Origin paint or trim names.
In code
Using the Origin palette
CSS custom properties
:root {
--origin-primary: #F56C2D;
}Contrast against white
| Primary | 2.97: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.