Raycast Brand: Colors, Fonts, Logo & Visual Identity
Raycast Brand Identity
A complete profile of Raycast's visual system — colors, typography, components, and personality — extracted from https://raycast.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://raycast.com.
| Color | HEX | RGB |
|---|---|---|
| primary | #FF6363 | rgb(255, 99, 99) |
| secondary | #13271F | rgb(19, 39, 31) |
| accent | #59D499 | rgb(89, 212, 153) |
| background | #07080A | rgb(7, 8, 10) |
| textPrimary | #07080A | rgb(7, 8, 10) |
| link | #59D499 | rgb(89, 212, 153) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Google Fonts Link |
|---|---|---|
| primary | Inter | Google Fonts → |
| heading | Inter | Google Fonts → |
Visual Assets
%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23FF6363%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6%2015.491v2.504l-6-6%201.251-1.251zm2.504%202.504H6l6%206%201.251-1.251zm14.24-4.747%201.253-1.253-12-12-1.25%201.256%204.747%204.747h-2.868L9.312%202.691%208.061%203.942l2.06%202.061h-1.44v9.314h9.314v-1.44l2.061%202.06%201.251-1.25-3.312-3.314v-2.87zM6.626%205.374%205.37%206.627%206.714%207.97l1.252-1.252zM17.282%2016.03l-1.252%201.253%201.343%201.344%201.253-1.253zM3.939%208.06%202.686%209.315%206%2012.627v-2.506zM13.88%2018h-2.506l3.313%203.314%201.253-1.253z%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(255%2C%2099%2C%2099)%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23E6E6E6%22%20d%3D%22M90.987%2017.98q-1.214%200-1.89-.659-.678-.661-.678-1.825v-4.8h-1.45V8.899h1.458l.26-2.4h1.707v2.4h2.227v1.8h-2.227v4.538a.95.95%200%200%200%20.256.667.88.88%200%200%200%20.68.278h1.29v1.799zM82.268%2018.15q-1.616%200-2.6-.77a3.45%203.45%200%200%201-1.259-2.049h2.143c.093.312.301.577.582.742.344.199.737.296%201.134.28%201.143%200%201.717-.32%201.717-.937q0-.462-.539-.706a6%206%200%200%200-1.302-.389%2016%2016%200%200%201-1.538-.376%202.67%202.67%200%200%201-1.314-.875q-.535-.64-.537-1.681a2.38%202.38%200%200%201%20.905-1.903q.909-.758%202.52-.757c1.074%200%201.92.24%202.56.719a3.22%203.22%200%200%201%201.215%201.94h-2.146q-.343-.857-1.624-.857-1.374%200-1.373.86a.74.74%200%200%200%20.386.64c.293.18.62.296.96.345q.64.109%201.26.291.645.184%201.26.451c.399.181.737.475.971.845.272.435.407.942.389%201.455a2.4%202.4%200%200%201-.96%201.974q-.959.756-2.81.758M75.88%209.636q-.991-.89-2.773-.89-1.425%200-2.386.766a3.6%203.6%200%200%200-1.28%201.979h2.026c.103-.297.3-.553.56-.728a1.8%201.8%200%200%201%201.072-.303%201.92%201.92%200%200%201%201.317.427%201.51%201.51%200%200%201%20.48%201.197v.436h-2.31q-1.607%200-2.514.8a2.59%202.59%200%200%200-.907%202.019%202.66%202.66%200%200%200%20.844%202.033q.845.8%202.24.8a3.4%203.4%200%200%200%201.658-.385c.411-.2.759-.51%201.005-.896h.083l.16%201.12h1.715v-5.92q.002-1.56-.99-2.455m-.975%204.852a1.83%201.83%200%200%201-.6%201.44q-.595.53-1.627.53-.751%200-1.149-.34a1.08%201.08%200%200%201-.4-.866c0-.8.523-1.197%201.55-1.197h2.226zM64.021%2018.17q-1.95%200-3.117-1.252-1.166-1.25-1.168-3.462c0-1.476.39-2.624%201.164-3.46q1.162-1.251%203.121-1.25%201.59%200%202.637.849a4%204%200%200%201%201.389%202.147h-1.965a2.2%202.2%200%200%200-2.06-1.197%202.08%202.08%200%200%200-1.683.76q-.64.764-.64%202.15%200%201.388.64%202.153a2.08%202.08%200%200%200%201.682.763%202.21%202.21%200%200%200%202.06-1.2h1.966a4.03%204.03%200%200%201-1.39%202.15q-1.041.848-2.636.848M52.43%2021.432l1.371-3.43-3.683-9.082h2.143l2.486%206.427h.082l2.49-6.427h2.142l-4.975%2012.512zM48.267%209.636q-.99-.89-2.774-.89-1.423%200-2.386.766a3.57%203.57%200%200%200-1.27%201.979h2.024c.103-.297.299-.553.56-.728a1.8%201.8%200%200%201%201.072-.303q.835%200%201.316.427a1.5%201.5%200%200%201%20.48%201.197v.436h-2.32q-1.6%200-2.513.8a2.59%202.59%200%200%200-.909%202.019%202.66%202.66%200%200%200%20.845%202.025q.845.8%202.24.8a3.4%203.4%200%200%200%201.656-.385c.412-.2.76-.51%201.006-.896h.082l.17%201.12h1.712v-5.92q0-1.552-.99-2.447m-.978%204.852a1.83%201.83%200%200%201-.6%201.44q-.595.53-1.628.53-.751%200-1.15-.34a1.09%201.09%200%200%201-.4-.866q.01-1.194%201.55-1.197h2.228zM37.152%2013.456q.46-.122.88-.346.49-.268.909-.64c.336-.31.595-.693.757-1.12.194-.502.29-1.036.283-1.574q0-1.714-1.094-2.746-1.096-1.032-2.848-1.027h-4.972v12h2.143v-4.454h1.625L37.923%2018h2.4zM33.21%2011.65v-3.76h2.654c.608%200%201.088.16%201.44.494.352.335.531.792.531%201.386q0%20.892-.534%201.389c-.392.34-.9.517-1.42.491z%22%20style%3D%22fill%3A%20rgb(230%2C%20230%2C%20230)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22logo-full_svg__a%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h92.622v24H0z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)
UI Components
Live previews rendered using Raycast's actual button styles.
| Component | Background | Text Color | Border Color | Border Radius | Shadow |
|---|---|---|---|---|---|
| Input | #131416 | #FFFFFF | #131416 | 8px | none |
| Button Primary | #07080A | #FFFFFF | none | 0px | none |
| Button Secondary | #E6E6E7 | #000000 | #131416 | 8px | none |
Brand Personality
Tone: modern
Energy: medium
Audience: tech-savvy professionals
Raycast Brand in the Wild
Brand Assets
Frequently Asked Questions
- What is Raycast's primary brand color?
Raycast's primary brand color is #FF6363. It anchors the visual identity across their website, product UI, and marketing materials. - What accent color does Raycast use?
Raycast uses #59D499 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis. - What font does Raycast use?
Raycast uses Inter as the primary typeface across body and headings. - Does Raycast use a light or dark theme?
Raycast's primary site uses a dark color scheme, with a background of #07080A. - Where can I find Raycast's logo?
Raycast's logo is available directly on their site (https://raycast.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://raycast.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.