Semgrep Brand: Colors, Fonts, Logo & Visual Identity
Semgrep Brand Identity
A complete profile of Semgrep's visual system — colors, typography, components, and personality — extracted from https://semgrep.dev/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://semgrep.dev/.
| Color | HEX Code | RGB Color |
|---|---|---|
| Primary | #314944 | rgb(49, 73, 68) |
| Secondary | #667085 | rgb(102, 112, 133) |
| Accent | #2ACFA6 | rgb(42, 207, 166) |
| Background | #FFFFFF | rgb(255, 255, 255) |
| Text | #475467 | rgb(71, 84, 103) |
| Link | #475467 | rgb(71, 84, 103) |
Typography
Each font links to its Google Fonts page where available.
- Primary: Inter
- Heading: Inter
Visual Assets
UI Components
Live previews rendered using Semgrep's actual button styles.
Input
- Background: #F9FAFB
- Text Color: #000000
- Border Color: null
- Border Radius: 8px
- Shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px
Button Primary
- Background: #314944
- Text Color: #FFFFFF
- Border Radius: 80px
- Shadow: none
Button Secondary
- Background: #587970
- Text Color: #FCFCFC
- Border Color: #FFFFFF
- Border Radius: 80px
- Shadow: none
Brand Personality
- Tone: professional
- Energy: medium
- Audience: developers and security professionals
Semgrep Brand in the Wild
Source: semgrep.dev
Source: semgrep.dev
Source: semgrep.dev
Source: semgrep.dev
Source: semgrep.dev
Frequently Asked Questions
What is Semgrep's primary brand color?
Semgrep's primary brand color is #314944. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Semgrep use?
Semgrep uses #2ACFA6 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Semgrep use?
Semgrep uses Inter as the primary typeface across body and headings.
Does Semgrep use a light or dark theme?
Semgrep's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Semgrep's logo?
Semgrep's logo is available directly on their site (https://semgrep.dev/). 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://semgrep.dev/ 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 Semgrep.