OneSignal Brand: Colors, Fonts, Logo & Visual Identity
OneSignal Brand Identity
A complete profile of OneSignal's visual system — colors, typography, components, and personality — extracted from https://onesignal.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://onesignal.com.
- primary: #051B2C
- rgb(5, 27, 44)
- secondary: #BF1B1E
- rgb(191, 27, 30)
- accent: #7274DA
- rgb(114, 116, 218)
- background: #FFFFFF
- rgb(255, 255, 255)
- textPrimary: #4E50D1
- rgb(78, 80, 209)
- link: #4E50D1
- rgb(78, 80, 209)
Typography
Each font links to its Google Fonts page where available.
- primary: Nunito Sans
Google Fonts → - heading: Nunito Sans
Google Fonts →
Epilogue, Nunito Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Apple Color Emoji, Arial, Helvetica Neue, Helvetica, sans-serif
Visual Assets
%20!important%3B%22%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23051B2C%22%20d%3D%22M64.033%2026.749c-1.85%201.843-4.102%202.764-6.756%202.762-2.653-.001-4.9-.922-6.74-2.762-1.84-1.84-2.76-4.097-2.76-6.77%200-2.672.92-4.926%202.762-6.764%201.84-1.844%204.087-2.767%206.74-2.767%202.654%200%204.905.921%206.754%202.763%201.85%201.843%202.775%204.098%202.775%206.764%200%202.667-.924%204.925-2.775%206.774Zm-10.97-2.462c1.135%201.126%202.54%201.69%204.216%201.69%201.676%200%203.081-.564%204.216-1.69%201.135-1.126%201.702-2.562%201.702-4.307%200-1.746-.567-3.186-1.702-4.32-1.135-1.134-2.54-1.701-4.216-1.703-1.676-.001-3.08.566-4.215%201.702-1.135%201.136-1.703%202.576-1.703%204.32%200%201.745.568%203.18%201.703%204.308Zm23.408-8.602c1.431%200%202.614.48%203.548%201.44.934.96%201.401%202.287%201.401%203.98v7.82a.217.217%200%200%201-.218.218h-2.946a.22.22%200%200%201-.218-.217v-7.402c0-.873-.236-1.54-.707-2.003-.472-.463-1.1-.694-1.886-.694-.873%200-1.57.27-2.095.811-.523.542-.785%201.353-.785%202.436v6.852a.219.219%200%200%201-.218.218h-2.946a.218.218%200%200%201-.218-.218V16.269a.218.218%200%200%201%20.219-.218h2.945a.218.218%200%200%201%20.218.218v1.248c.825-1.221%202.127-1.832%203.906-1.832Zm10.685%208.3c.453%201.641%201.684%202.462%203.692%202.462%201.221%200%202.161-.39%202.821-1.171a.217.217%200%200%201%20.273-.045l2.353%201.358a.219.219%200%200%201%20.068.316c-1.287%201.737-3.142%202.605-5.564%202.605-2.165%200-3.902-.654-5.211-1.963-1.31-1.31-1.964-2.96-1.964-4.95%200-1.972.646-3.617%201.938-4.936%201.291-1.318%202.949-1.977%204.971-1.976%201.921%200%203.505.663%204.753%201.99%201.248%201.326%201.872%202.967%201.872%204.922a7.708%207.708%200%200%201-.1%201.2.22.22%200%200%201-.218.183l-9.684.005Zm-.053-2.618h6.678c-.193-.89-.59-1.554-1.192-1.99a3.423%203.423%200%200%200-2.056-.655c-.907%200-1.658.231-2.252.694-.593.462-.986%201.113-1.178%201.95Zm18.304%208.143c-1.818%200-3.346-.405-4.582-1.217a6.49%206.49%200%200%201-2.553-3.139.22.22%200%200%201%20.094-.266l2.713-1.587a.221.221%200%200%201%20.178-.018.223.223%200%200%201%20.132.12c.741%201.715%202.115%202.573%204.124%202.573%201.012%200%201.753-.182%202.225-.546a1.683%201.683%200%200%200%20.707-1.388c0-.645-.288-1.147-.864-1.505-.576-.359-1.606-.747-3.09-1.166a18.669%2018.669%200%200%201-2.082-.733%208.89%208.89%200%200%201-1.702-.982%203.995%203.995%200%200%201-1.296-1.558%205.11%205.11%200%200%201-.445-2.2c0-1.656.589-2.979%201.767-3.966%201.179-.988%202.597-1.481%204.256-1.48%201.483%200%202.788.364%203.914%201.091a7.259%207.259%200%200%201%202.539%202.837.22.22%200%200%201%20.015.161.221.221%200%200%201-.101.127l-2.657%201.535a.22.22%200%200%201-.247-.02.22.22%200%200%201-.055-.068c-.738-1.435-1.873-2.152-3.408-2.153-.751%200-1.34.17-1.768.51a1.618%201.618%200%200%200-.641%201.322%201.67%201.67%200%200%200%20.183.79c.126.245.311.455.537.61.48.36%201.401.749%202.762%201.166.559.176.982.311%201.27.406.288.095.681.243%201.179.445.399.154.785.342%201.152.563.324.216.634.452.929.707.316.259.586.568.799.917a5.25%205.25%200%200%201%20.668%202.592c0%201.694-.615%203.04-1.847%204.037-1.23.997-2.832%201.492-4.805%201.484Zm10.527-15.026a2.1%202.1%200%200%201-2.073-2.073%202.033%202.033%200%200%201%20.616-1.466%201.962%201.962%200%200%201%201.453-.628%201.99%201.99%200%200%201%201.479.628%202.036%202.036%200%200%201%20.62%201.466%201.996%201.996%200%200%201-.615%201.453%202.012%202.012%200%200%201-1.48.62Zm-1.676%2014.446V16.274a.218.218%200%200%201%20.219-.219h2.946a.22.22%200%200%201%20.218.219V28.93a.218.218%200%200%201-.218.218h-2.946a.217.217%200%200%201-.156-.065.215.215%200%200%201-.063-.157v.004Zm16.715-12.878h2.863a.219.219%200%200%201%20.219.218v12.246c0%202.025-.668%203.57-2.005%204.635-1.336%201.064-2.946%201.597-4.831%201.597-1.414%200-2.657-.27-3.73-.812a5.663%205.663%200%200%201-2.367-2.193.221.221%200%200%201%20.081-.298l2.503-1.433a.219.219%200%200%201%20.293.073c.676%201.1%201.785%201.65%203.325%201.652%201.065%200%201.901-.28%202.51-.838.607-.559.913-1.353.917-2.383v-1.419c-.996%201.328-2.393%201.991-4.191%201.99-1.85%200-3.399-.65-4.647-1.95-1.247-1.3-1.871-2.885-1.873-4.753%200-1.849.629-3.429%201.886-4.74%201.258-1.31%202.803-1.965%204.634-1.963%201.798%200%203.195.663%204.191%201.99V16.27a.223.223%200%200%201%20.065-.156.224.224%200%200%201%20.157-.062Zm-6.516%208.916c.689.672%201.567%201.009%202.632%201.008%201.066%200%201.943-.337%202.631-1.008.69-.67%201.035-1.53%201.035-2.58%200-1.029-.345-1.88-1.035-2.553-.69-.672-1.567-1.009-2.631-1.008-1.065%200-1.943.336-2.632%201.008-.688.672-1.033%201.523-1.035%202.553%200%201.048.345%201.908%201.035%202.58Zm19.939-9.283c1.432%200%202.614.48%203.549%201.44.934.96%201.4%202.287%201.4%203.98v7.82a.217.217%200%200%201-.218.219h-2.946a.22.22%200%200%201-.218-.218v-7.402c0-.873-.236-1.54-.706-2.003-.472-.463-1.1-.694-1.886-.694-.873%200-1.571.27-2.095.811-.524.542-.786%201.353-.786%202.436v6.852a.222.222%200%200%201-.063.154.22.22%200%200%201-.155.064h-2.946a.22.22%200%200%201-.218-.218V16.269a.218.218%200%200%201%20.218-.218h2.946a.22.22%200%200%201%20.155.064c.04.041.063.097.063.154v1.248c.824-1.221%202.126-1.832%203.906-1.832Zm17.997.366h2.946c.058%200%20.113.023.154.064a.216.216%200%200%201%20.065.154v12.657a.215.215%200%200%201-.065.154.218.218%200%200%201-.154.064h-2.946a.218.218%200%200%201-.218-.218v-1.327c-1.012%201.276-2.435%201.913-4.268%201.911-1.746%200-3.243-.667-4.491-2.003-1.248-1.335-1.872-2.972-1.872-4.91%200-1.937.624-3.574%201.872-4.91%201.248-1.335%202.745-2.002%204.491-2.002%201.833%200%203.256.637%204.268%201.911V16.27a.218.218%200%200%201%20.218-.218Zm-6.45%209.204c.681.691%201.545%201.036%202.593%201.035%201.047-.002%201.915-.347%202.605-1.035.689-.688%201.034-1.575%201.034-2.658s-.345-1.969-1.034-2.657c-.69-.69-1.558-1.034-2.605-1.035-1.048%200-1.912.344-2.593%201.035-.681.69-1.021%201.577-1.021%202.657%200%201.081.34%201.967%201.021%202.658Zm12.674%203.67V10.247a.218.218%200%200%201%20.218-.219h2.946a.219.219%200%200%201%20.219.218v18.68a.218.218%200%200%201-.219.218h-2.946a.218.218%200%200%201-.218-.219Z" style%3D%22fill%3A%20rgb(5%2C%2027%2C%2044)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E)
UI Components
Live previews rendered using OneSignal's actual button styles.
Button Primary
- background: #7274DA
- textColor: #FFFFFF
- borderColor: #FFFFFF
- borderRadius: 4px
- shadow: none
Button Secondary
- background: #FFFFFF
- textColor: #051B2C
- borderColor: #051B2C
- borderRadius: 4px
- shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: businesses and developers
OneSignal Brand in the Wild
Image: mintcdn.com Source: documentation.onesignal.com
Image: onesignal.com
Source: onesignal.com
Frequently Asked Questions
What is OneSignal's primary brand color?
OneSignal's primary brand color is #051B2C. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does OneSignal use?
OneSignal uses #7274DA as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does OneSignal use?
OneSignal uses Nunito Sans as the primary typeface across body and headings.
Does OneSignal use a light or dark theme?
OneSignal's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find OneSignal's logo?
OneSignal's logo is available directly on their site (https://onesignal.com). The current logo URL is included in the machine-readable JSON profile linked above.
How was this brand profile generated?
This profile was extracted from https://onesignal.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by OneSignal.