Wasp Brand: Colors, Fonts, Logo & Visual Identity
Wasp Brand Identity
A complete profile of Wasp's visual system — colors, typography, components, and personality — extracted from https://wasp-lang.dev/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://wasp-lang.dev/.
| Color Name | Hex | RGB |
|---|---|---|
| primary | #F4E8C2 | rgb(244, 232, 194) |
| secondary | #F3EDE0 | rgb(243, 237, 224) |
| accent | #EAB308 | rgb(234, 179, 8) |
| background | #F7F5F0 | rgb(247, 245, 240) |
| textPrimary | #1C1E21 | rgb(28, 30, 33) |
| link | #EAB308 | rgb(234, 179, 8) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Google Fonts Link |
|---|---|---|
| primary | Inter | Google Fonts → |
| heading | Inter | Google Fonts → |
| paragraph | JetBrains Mono | N/A |
Visual Assets
Logo
Favicon
Social Card
UI Components
Live previews rendered using Wasp's actual button styles.
Input
<input type="text" style="background: #F5F5F5; color: #1C1E21; border: 1px solid #EAB308; border-radius: 6px;">
Brand Personality
Tone: modern
Energy: medium
Audience: developers
Wasp Brand in the Wild
Image: blogger.googleusercontent.com
Source: retrosynthads.blogspot.com
Image: i.ebayimg.com
Source: ebay.com
Frequently Asked Questions
What is Wasp's primary brand color?
Wasp's primary brand color is #F4E8C2. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Wasp use?
Wasp uses #EAB308 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Wasp use?
Wasp uses Inter as the primary typeface across body and headings.
Does Wasp use a light or dark theme?
Wasp's primary site uses a light color scheme, with a background of #F7F5F0.
Where can I find Wasp's logo?
Wasp's logo is available directly on their site (https://wasp-lang.dev/). The current logo URL is included in the machine-readable JSON profile linked above.