Scrimba Brand: Colors, Fonts, Logo & Visual Identity

Scrimba Brand Identity

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

Color Palette

Brand palette extracted from https://scrimba.com.

Color Name Hex Code RGB Value
Primary #60A5FA rgb(96, 165, 250)
Secondary #AFBCCD rgb(175, 188, 205)
Accent #3B82F6 rgb(59, 130, 246)
Background #161A1D rgb(22, 26, 29)
Text #161A1D rgb(22, 26, 29)
Link #3B82F6 rgb(59, 130, 246)

Typography

Each font links to its Google Fonts page where available.

Font Role Font Name Google Fonts Link
Primary Roboto Roboto →
Heading Roboto Roboto →

Visual Assets

%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cpath%20d%3D%22M50.33%2011.942a4.75%204.75%200%200%201-1.998-.413%203.746%203.746%200%200%201-1.578-1.249c-.395-.55-.6-1.356-.619-2.183h1.748c0%20.497.04%201.021.279%201.339.245.317.568.554.968.71.4.149.715.223%201.2.223.49%200%201.051-.074%201.428-.224.376-.15.666-.35.87-.601a1.31%201.31%200%200%200%20.313-.863c0-.437-.134-.787-.403-1.05-.27-.27-.679-.498-1.229-.683l-2.125-.79c-.914-.342-1.611-.734-2.09-1.177-.477-.45-.717-1.072-.717-1.869%200-.904.353-1.637%201.058-2.2.706-.57%201.615-.854%202.894-.854%201.214%200%202.239.282%202.908.845.676.563%201.016%201.331%201.112%202.301H52.6c-.084-.491-.198-.882-.574-1.17-.37-.287-.992-.49-1.698-.49-.681%200-1.13.21-1.513.508-.382.294-.573.665-.573%201.114%200%20.372.12.668.358.89.245.221.625.422%201.14.601l2.42.89c.831.293%201.48.688%201.946%201.185.466.497.7%201.129.7%201.895%200%20.647-.168%201.219-.503%201.716-.334.497-.825.89-1.47%201.177-.646.281-1.578.422-2.505.422ZM64.144%2011.942c-1.01%200-1.883-.246-2.618-.737-.73-.497-1.294-1.194-1.695-2.093-.4-.904-.59-1.964-.59-3.18%200-1.28.202-2.356.626-3.224.425-.874%201.007-1.533%201.749-1.976.747-.449%201.59-.674%202.528-.674%201.262%200%202.266.315%203.013.944.748.622%201.244%201.434%201.489%202.434l-1.82.35c-.216-.665-.556-1.195-1.023-1.59a2.461%202.461%200%200%200-1.659-.602c-.562%200-1.076.162-1.542.485-.466.324-.84.809-1.12%201.456-.282.64-.405%201.44-.405%202.398%200%20.886.1%201.664.332%202.335.233.665.577%201.183%201.032%201.554.454.371%201.022.557%201.703.557.831%200%201.486-.222%201.964-.665.478-.449.648-1.073.648-1.792h1.922c0%20.839-.203%201.595-.58%202.187-.37.587-.893%201.04-1.568%201.357-.676.317-1.471.476-2.386.476ZM73.572%2011.767V.233h4.079c1.333%200%202.346.35%203.04.984.699.629%201.049%201.458%201.049%202.488%200%201.018-.35%201.842-1.05%202.47-.693.629-1.718.822-3.05.822l-.398.036-.7.016h-1.048v4.718h-1.922Zm6.29%200-2.795-4.73%201.922-.163%202.796%204.893h-1.922Zm-4.368-5.942h2.01c.813%200%201.426-.069%201.85-.458.425-.395.637-.904.637-1.527%200-.64-.2-1.15-.6-1.527-.395-.383-.975-.682-1.74-.682h-2.157v4.194ZM87.028%2011.767V.233h1.922v11.534h-1.922ZM94.717.233h2.621l3.67%207.515h-.35l3.56-7.515h2.557v11.534h-1.922V2.156h.524l-4.019%208.038h-1.049l-4.194-8.038h.524v9.611h-1.922V.233ZM112.542%2011.767V.233h4.543c.855%200%201.453.17%202.015.445.568.276.992.641%201.273%201.096a2.8%202.8%200%200%201%20.422%201.5c0%20.653-.182%201.216-.547%201.689-.359.473-.896.77-1.59.95.454.078.866.271%201.213.523.347.245.619.55.816.916.203.365.305.77.305%201.212%200%20.378-.066.752-.197%201.123-.132.372-.35.71-.655%201.015-.305.306-.714.551-1.228.737-.514.18-1.23.328-2.001.328h-4.369Zm1.922-1.573h2.447c.777%200%201.376-.139%201.723-.462.352-.323.529-.742.529-1.257%200-.521-.186-.94-.556-1.258-.371-.317-.96-.518-1.695-.518h-2.448v3.495Zm0-8.388v3.32h2.448c.664%200%201.184-.026%201.56-.343.383-.317.574-.757.574-1.32%200-.533-.185-.952-.556-1.258-.364-.311-.902-.399-1.578-.399h-2.448ZM124.949%2011.767%20128.794.233h2.097c1.481%204.492%202.363%207.042%203.845%2011.534h-1.923l-.874-2.796h-4.194l-.873%202.796h-1.923Zm3.321-4.194h3.145l-1.573-5.243-1.572%205.243Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M64.144%2011.942c-1.01%200-1.883-.246-2.618-.737-.73-.497-1.294-1.194-1.695-2.093-.4-.904-.59-1.964-.59-3.18%200-1.28.202-2.356.626-3.224.425-.874%201.007-1.533%201.749-1.976.747-.449%201.59-.674%202.528-.674%201.262%200%202.266.315%203.013.944.748.622%201.244%201.434%201.489%202.434l-1.82.35c-.216-.665-.556-1.195-1.023-1.59a2.461%202.461%200%200%200-1.659-.602c-.562%200-1.076.162-1.542.485-.466.324-.84.809-1.12%201.456-.282.64-.405%201.44-.405%202.398%200%20.886.1%201.664.332%202.335.233.665.577%201.183%201.032%201.554.454.371%201.022.557%201.703.557.831%200%201.486-.222%201.964-.665.478-.449.648-1.073.648-1.792h1.922c0%20.839-.203%201.595-.58%202.187-.37.587-.893%201.04-1.568%201.357-.676.317-1.471.476-2.386.476ZM5.767%206H0v5.767h11.534V6H17.3V.233H5.767V6ZM34.601.233h-5.767V6h-5.767v5.767h11.534V.233Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22a%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20.059h134.735v11.883H0z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

UI Components

Live previews rendered using Scrimba's actual button styles.

Component Style
Input background: transparent; textColor: #D9D9D9; borderRadius: 4px; shadow: none;
Button Primary background: #1F2937; textColor: #69BCFF; borderRadius: 4px; shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;

Brand Personality

Tone: modern
Energy: medium
Audience: tech-savvy learners

Frequently Asked Questions

  1. What is Scrimba's primary brand color?
    Scrimba's primary brand color is #60A5FA.

  2. What accent color does Scrimba use?
    Scrimba uses #3B82F6 as an accent color.

  3. What font does Scrimba use?
    Scrimba uses Roboto as the primary typeface across body and headings.

  4. Does Scrimba use a light or dark theme?
    Scrimba's primary site uses a light color scheme, with a background of #161A1D.

  5. Where can I find Scrimba's logo?
    Scrimba's logo is available directly on their site (https://scrimba.com).

  6. How was this brand profile generated?
    This profile was extracted from https://scrimba.com using the Firecrawl branding extraction API.