Optimizely Brand Identity

A complete profile of Optimizely's visual system — colors, typography, components, and personality — extracted from http://optimizely.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from http://optimizely.com.

Primary: #191E28
Secondary: #484F61
Accent: #194BFF
Background: #10141D
Text Primary: #10141D
Link: #194BFF

Typography

Each font links to its Google Fonts page where available.

Primary: Figtree
Heading: Figtree

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m12.8346%2032.8099c-2.1796%200-4.26989-.8393-5.81108-2.3332-1.5412-1.4939-2.40703-3.5201-2.40703-5.6328%200-2.1128.86583-4.1389%202.40703-5.6329%201.54119-1.4939%203.63148-2.3332%205.81108-2.3332v-4.452c-1.6831-.0023-3.35011.3167-4.90597.9389-1.55586.6221-2.97007%201.5353-4.16187%202.6872s-2.13786%202.5202-2.784159%204.0265c-.6463%201.5064-.98018355%203.1214-.98258792%204.7528s.32671792%203.2473.96857492%204.7555c.641862%201.5081%201.583882%202.8789%202.772282%204.0342%201.1884%201.1552%202.59991%202.0723%204.15393%202.6987%201.55402.6265%203.2201.9502%204.9032.9525h.0366z%22%20fill%3D%22%23E9EBF1%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m12.8359%2032.81v4.452c3.3991%200%206.659-1.3088%209.0625-3.6386s3.7538-5.4897%203.7538-8.7845h-4.5981c-.0014%202.1127-.8675%204.1387-2.4083%205.6331-1.5407%201.4944-3.6302%202.3353-5.8099%202.338z%22%20fill%3D%22%23E9EBF1%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m12.8359%207.9711v4.452c3.3991%200%206.659-1.3088%209.0625-3.63861%202.4035-2.32979%203.7538-5.48967%203.7538-8.78449h-4.5981c-.0014%202.11278-.8675%204.13871-2.4083%205.63314-1.5407%201.49444-3.6302%202.33527-5.8099%202.33796z%22%20fill%3D%22%23E9EBF1%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m25.7266%207.9711v4.452c3.3991%200%206.6589-1.3088%209.0624-3.63861%202.4036-2.32979%203.7538-5.48967%203.7538-8.78449h-4.5955c-.0014%202.11321-.8679%204.13953-2.4092%205.63404-1.5413%201.4945-3.6314%202.33504-5.8115%202.33706z%22%20fill%3D%22%23E9EBF1%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cg%20fill%3D%22%23E9EBF1%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%3E%3Cpath%20d%3D%22m59.9453%2018.6016h2.3671l.5571%201.2119c.2958-.2624.6234-.4888.9756-.6744.367-.1821.7483-.3355%201.1404-.4589.4864-.1487.994-.2215%201.504-.2155.7879-.0044%201.5675.1556%202.286.469.7207.3117%201.3692.7609%201.9067%201.3209.5589.5872%201.0021%201.2686%201.3078%202.0106.6472%201.632.6472%203.4386%200%205.0706-.305.7423-.7483%201.4238-1.3078%202.0106-.5376.5605-1.1861%201.0106-1.9067%201.3234-.7179.3127-1.4964.4735-2.2834.4716-.4763.0087-.951-.0546-1.4072-.1876-.3583-.1107-.708-.2463-1.0462-.4057-.3215-.1723-.6209-.3808-.8919-.6211v5.3977h-3.2015zm6.1257%209.581c.4255.0097.8485-.0669%201.2417-.225.3932-.158.748-.394%201.0417-.6928.6155-.6118.9224-1.4307.9206-2.4567.0222-.4482-.0477-.8962-.2058-1.318-.158-.4218-.401-.8088-.7148-1.1387-.2995-.2904-.6551-.5208-1.0464-.6779-.3914-.1572-.8108-.2381-1.2344-.2381s-.8431.0809-1.2344.2381c-.3913.1571-.7469.3875-1.0464.6779-.612.6135-.9181%201.4324-.9181%202.4567s.3061%201.8432.9181%202.4567c.2936.2988.6485.5348%201.0417.6928.3932.1581.8161.2347%201.2417.225z%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m80.1341%2031.1524c-.5958.0069-1.1874-.0981-1.742-.3093-.5182-.2008-.9843-.5099-1.3653-.9051-.3877-.4079-.6897-.8849-.8893-1.4046-.2229-.5875-.332-1.2098-.3217-1.8356v-5.2634h-1.9486v-2.5632h.8344c1.0218%200%201.5327-.4952%201.5327-1.4857v-1.7468h2.7856v2.9714h2.7829v2.832h-2.7829v5.1289c-.0176.2134.0084.4281.0765.6318s.1769.3924.3202.5553.3183.2969.515.3942c.1967.0974.4113.1562.6314.1732.0871.0073.1746.0073.2616%200%20.1202.006.2407.006.361%200%20.0881-.0068.1756-.0204.2615-.0406.0768-.0194.1513-.0466.2223-.0811v2.7001c-.1434.0585-.2923.1035-.4446.1344-.3562.0876-.7234.1261-1.0907.1141z%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m86.12%2017.116c-.4308.0106-.852-.1247-1.1911-.3824-.3391-.2578-.575-.622-.6672-1.0301-.0922-.408-.0349-.8345.1621-1.206.1969-.3716.5212-.665.9172-.83.3959-.1649.8388-.191%201.2524-.0738.4137.1172.7723.3703%201.0143.716s.3522.7622.3117%201.1781c-.0404.4159-.2291.8052-.5335%201.1009-.1626.1671-.3588.3001-.5766.3908-.2177.0907-.4523.1371-.6893.1365zm-1.6713%201.4857h3.2014v12.4232h-3.2014z%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m90.7109%2018.6018h2.3671l.5571%201.2119c.2625-.2537.5518-.4797.8632-.6745.3022-.1808.6209-.3344.952-.4588.4-.1477.825-.2208%201.2529-.2155.5683-.014%201.1346.0719%201.6713.2535.4011.1415.7839.3278%201.1404.5552.3195.2179.5941.4923.8081.8088.306-.3118.652-.5837%201.031-.8088.381-.22.782-.4058%201.198-.5552.49-.1737%201.008-.2597%201.53-.2535%201.394%200%202.505.4335%203.342%201.2955s1.253%202.1424%201.253%203.8334v7.4235h-3.206v-7.1522c.035-.6479-.19-1.2839-.628-1.7747-.166-.1864-.368-.3392-.595-.4497-.226-.1106-.473-.1767-.727-.1946-.253-.0179-.507.0128-.748.0903s-.464.2002-.656.3613c-.07.0604-.136.1247-.198.1927-.438.4905-.663%201.1269-.625%201.7747v7.1522h-3.2045v-7.1522c.0371-.6478-.1871-1.2842-.6252-1.7747-.1659-.1864-.3682-.3393-.5952-.4499s-.4742-.1767-.7276-.1946c-.2533-.0179-.5079.0128-.749.0903s-.4641.2004-.6562.3615c-.0699.0597-.1355.1241-.1962.1927-.4378.4908-.6627%201.1268-.6277%201.7747v7.1522h-3.2015z%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m113.268%2017.1154c-.432.011-.855-.1242-1.195-.3826-.341-.2583-.578-.6235-.67-1.0329-.093-.4093-.036-.8371.162-1.21.197-.3728.523-.6672.92-.8327s.841-.1916%201.256-.0739.775.3718%201.017.7187c.243.3469.353.7649.312%201.1821s-.23.8076-.536%201.1039c-.163.1671-.359.3001-.577.3908-.217.0907-.452.1372-.689.1366zm-1.671%201.4857h3.209v12.4231h-3.209z%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m117.16%2028.4513%205.569-6.8809h-5.569v-2.9688h9.607v2.5632l-5.563%206.8961h5.846v2.9689h-9.89z%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m135.131%2031.1517c-.849.0031-1.689-.1698-2.464-.507-.761-.3248-1.451-.7878-2.032-1.3641-.589-.5809-1.062-1.2626-1.394-2.0105-.34-.7817-.514-1.6213-.514-2.4694s.174-1.6877.514-2.4694c.332-.7479.805-1.4296%201.394-2.0105.582-.5755%201.271-1.0384%202.032-1.364.761-.322%201.581-.4916%202.411-.4986.83-.0069%201.653.1488%202.42.458.732.3014%201.395.7419%201.948%201.2956.572.5808%201.021%201.2636%201.324%202.0105.332.8211.497%201.6966.486%202.5784.001.1399-.008.2796-.026.4183-.021.1344-.039.2663-.057.393-.019.1268-.037.2789-.055.4031h-8.911c.138.5976.47%201.1366.946%201.539.557.4387%201.262.6602%201.978.6211.362.0074.724-.0379%201.072-.1343.259-.0784.507-.1874.738-.3246.21-.1339.398-.2981.557-.4867h3.343c-.186.5008-.444.9737-.767%201.4045-.35.4804-.773.9076-1.253%201.2677-.509.3775-1.072.6823-1.671.9051-.645.2344-1.33.3513-2.019.3448zm3.063-7.2865c-.133-.6934-.512-1.3199-1.072-1.7708-.559-.4509-1.264-.6978-1.991-.6978-.728%200-1.432.2469-1.992.6978-.559.4509-.938%201.0774-1.071%201.7708z%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m143.621%2014.0122h3.202v17.0045h-3.202z%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m151.686%2035.4717c-.147%200-.291-.0051-.432-.0152-.117-.006-.233-.0196-.348-.0406-.113-.0132-.225-.0405-.332-.0811v-2.5632c.581.0371%201.157-.1254%201.627-.4589.387-.3115.688-.7103.879-1.1612l.277-.6744-4.873-11.8755h3.343l3.202%208.0953%202.934-8.0953h3.343c-.91%202.2666-1.737%204.3176-2.48%206.1532-.316.791-.627%201.5669-.933%202.3199-.306.7529-.578%201.4451-.822%202.0663-.243.6211-.444%201.1383-.612%201.5516-.167.4132-.261.6566-.306.7302-.269.6435-.58%201.2694-.934%201.8736-.264.4627-.597.8855-.988%201.255-.326.3084-.714.5476-1.141.7022-.451.1521-.926.2259-1.404.2181z%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m48.0864%2012.4258c-1.9099%200-3.777.549-5.365%201.5775s-2.8257%202.4904-3.5566%204.2008-.9222%203.5925-.5496%205.4083c.3726%201.8157%201.2924%203.4836%202.6429%204.7927s3.0711%202.2006%204.9443%202.5617c1.8733.3612%203.8149.1759%205.5794-.5326s3.2727-1.9082%204.3338-3.4476c1.0611-1.5393%201.6274-3.349%201.6274-5.2004.0004-1.2293-.2492-2.4466-.7343-3.5824-.4852-1.1359-1.1965-2.1679-2.0933-3.0371-.8967-.8693-1.9614-1.5588-3.1332-2.0291-1.1717-.4703-2.4276-.7122-3.6958-.7118zm0%2015.4655c-1.2486.0145-2.4734-.3304-3.5196-.9911-1.0461-.6607-1.8665-1.6075-2.3572-2.7204-.4907-1.113-.6297-2.342-.3993-3.5315.2304-1.1896.8197-2.2861%201.6934-3.1508.8737-.8646%201.9925-1.4585%203.2146-1.7065%201.2221-.2479%202.4927-.1388%203.6508.3136%201.1581.4525%202.1516%201.2278%202.8548%202.228.7032%201.0001%201.0844%202.18%201.0954%203.3903v.0709c.0055%201.6099-.6473%203.1563-1.8155%204.3006s-2.7567%201.7931-4.4174%201.8045z%22%20style%3D%22fill%3A%20rgb(233%2C%20235%2C%20241)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

UI Components

Live previews rendered using Optimizely's actual button styles.

Input

Background: #191E28
Text Color: #FFFFFF
Border Color: null
Border Radius: 9px
Shadow: rgba(255, 255, 255, 0) 0px 5px 5px -5px, rgba(0, 0, 0, 0) 0px 4px 20px -5px

Button Primary

Background: #194BFF
Text Color: #E9EBF1
Border Radius: 8px
Shadow: none

Button Secondary

Background: #E9EBF1
Text Color: #10141D
Border Radius: 8px
Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: business professionals and enterprises

Frequently Asked Questions

What is Optimizely's primary brand color?
Optimizely's primary brand color is #191E28. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Optimizely use?
Optimizely uses #194BFF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Optimizely use?
Optimizely uses Figtree as the primary typeface across body and headings.

Does Optimizely use a light or dark theme?
Optimizely's primary site uses a dark color scheme, with a background of #10141D.

Where can I find Optimizely's logo?
Optimizely's logo is available directly on their site (http://optimizely.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 http://optimizely.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 Optimizely.