--- title: "Granola brand guidelines: logo, colors and fonts | Rainbrand" description: "Granola’s logo, colors (#5B6F00, #B2C248), fonts (Quadrant Notepad, KMR Melange Grotesk), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/granola/" --- (Brand guidelines) // Productivity software # Granola brand guidelines Granola’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from granola.ai. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/granola/granola-brand-skill.zip) ![Granola logo: the spiral and the word granola in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fgranola%2Fgranola-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Olive #5B6F00 - Light olive #B2C248 - Ink #292929 - Warm surface #F7F7F2 ## About Granola Granola is an AI notepad for people with back-to-back meetings. Its visual identity pairs a distinctive olive-green accent and calm, spacious layouts with warm, clear writing about turning conversations into useful notes, decisions, and follow-through. ## Granola logo - ![Granola logo: the spiral and the word granola in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Fgranola%2Fgranola-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Lockup · SVG [Download Granola logo: the spiral and the word granola in black](https://www.rainbrand.com/brand-guidelines/granola/granola-wordmark.svg) Granola’s logo pairs a hand-drawn spiral with the lowercase granola wordmark. Use it as the primary brand signature, and use the spiral alone where a compact identity is needed. Choose a version with clear contrast against its background, keep the mark recognizable and use the artwork as provided. ## Granola colors - Olive Primary accent and buttons HEX #5B6F00 Copy HEX RGB 91, 111, 0 Copy RGB - Light olive App icon ground and highlights HEX #B2C248 Copy HEX RGB 178, 194, 72 Copy RGB - Ink Primary text HEX #292929 Copy HEX RGB 41, 41, 41 Copy RGB - Warm surface Page background HEX #F7F7F2 Copy HEX RGB 247, 247, 242 Copy RGB - Olive ink Accent text and links HEX #788C15 Copy HEX RGB 120, 140, 21 Copy RGB - Warm off-white Text on olive and dark surfaces HEX #FCFCF8 Copy HEX RGB 252, 252, 248 Copy RGB ## Granola fonts - Quadrant Notepad Display headings · 400 - KMR Melange Grotesk Body and smaller headings · 400 Font names only. The Brand Skill download doesn’t include font files. ## Granola’s voice Write with calm confidence and a human, conversational clarity. Center the practical benefit: helping people stay present, capture what matters, and turn meetings into useful next steps. Explain the difference between raw transcription and capturing intent, nuance, and context. Be specific, direct, and reassuring; use a light touch of playfulness when it feels natural. The voice is thoughtful rather than grandiose. It can sound warm and lightly informal, as in “When you're building something from scratch, every conversation counts.” Product lines stay short and plain: “Effortless notes, enhanced instantly.” and “Notes, actions and memory. Without a meeting bot.” Describe Granola as an AI notepad, and explain what it does in concrete terms: it works alongside the person taking notes, enhances those notes with meeting context, and helps turn conversations into actions. Avoid inflated promises, vague AI language, and claims that imply perfect accuracy or universal capabilities. - “The AI notepad for people in back-to-back meetings” - “Effortless notes, enhanced instantly” - “Notes, actions and memory. Without a meeting bot” - “When you're building something from scratch, every conversation counts” ## Dos and don’ts ### Do - Use Olive as the focal accent against bright, uncluttered surfaces; keep text high-contrast and layouts spacious. - Use Quadrant Notepad for prominent display headings and KMR Melange Grotesk for body copy, smaller headings, buttons, and links. - Write in a calm, conversational voice that connects meeting context to practical outcomes. - Be precise about privacy and training claims: distinguish third-party model training from Granola’s optional anonymized training for product improvement. ### Don’t - Don’t crowd layouts or bury the core message in generic AI language; Granola’s communication is direct and benefit-led. - Don’t describe Granola as an intrusive meeting bot; its product positioning emphasizes bot-free meeting capture. - Don’t redraw the spiral or retype the granola wordmark in another font. ## More from the Brand Skill ### Brand and campaign imagery Use Granola’s own campaign artwork to add warmth and a human, approachable character. The campaign imagery can combine simple graphic elements, hand-drawn accents, or colorful photographic moments with product storytelling. Keep these visuals in a supporting role so the brand and message remain clear. ### Editorial and product-marketing imagery Granola’s editorial and product-marketing visuals mix product storytelling with expressive, approachable artwork. Use imagery to make the story more tangible—showing the people, work, or ideas behind a feature—while keeping the product’s own voice and visual identity in focus. ### Product experience imagery Show Granola as a focused, approachable notepad that fits into real work. Product imagery should make the experience legible: handwritten or rough notes becoming structured summaries, concise action lists, useful briefs, and connected workflows. Keep recognizable interface details and real meeting context in view; avoid turning product screens into abstract decoration. ## Download Granola’s Brand Skill A Brand Skill is a folder of brand guidance written for agents. Give it to Claude, ChatGPT, Cursor or another agent and ask it to follow Granola’s guidelines. It starts at SKILL.md, which points to the right file for each task. This copy includes the guidance and logos. It leaves out the reference images and font files. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/granola/granola-brand-skill.zip) granola-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ voice.md │ ├ dos-and-donts.md │ ├ colors.md │ ├ logo.md │ ├ typography.md │ ├ imagery-brand-and-campaign.md │ ├ imagery-editorial-and-product-marketing.md │ └ imagery-product-experience.md └ assets/logos/ └ granola-wordmark.svg Rainbrand’s Brand Agent built this Brand Skill from granola.ai on 30 Oct 2026. It isn’t Granola’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Granola and its logos are trademarks of Granola, Inc. Rainbrand isn’t affiliated with or endorsed by Granola, Inc. ## Make one for your brand. Add Rainbrand to your agent and give it your website, brand guide or files. Rainbrand builds a Brand Skill like this one and keeps it up to date. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/mcp/getting-started) ### ChatGPT + Codex 1. Open the Rainbrand plugin and add it. [Open Rainbrand plugin](https://chatgpt.com/plugins/plugin_asdk_app_6ac6e5030ec88191a88001f6dc0628ca) 2. Connect your Rainbrand account when asked. It works in ChatGPT and in Codex. ### Claude 1. Open the Rainbrand connector in Claude and add it. [Open Rainbrand connector](https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Rainbrand&connectorUrl=https%3A%2F%2Fmcp.rainbrand.com%2Fmcp) 2. Select Connect, then sign in to Rainbrand. You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.claude-plugin.zip). ### Claude Code 1. Add Rainbrand's plugin marketplace in your terminal. ``` claude plugin marketplace add rainbrandai/rainbrand-skills ``` 2. Install the Rainbrand plugin, including its Skill and MCP connection. ``` claude plugin install rainbrand@rainbrand ``` 3. Start a new Claude Code session, then use /mcp to sign in to Rainbrand. You can also [connect with MCP](https://docs.rainbrand.com/mcp/getting-started#claude-code-installation-options) or install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill). ### Cursor 1. Add Rainbrand to ~/.cursor/mcp.json. ``` { "mcpServers": { "rainbrand": { "url": "https://mcp.rainbrand.com/mcp" } } } ``` 2. Sign in from the Cursor CLI. ``` agent mcp login rainbrand ``` You can also install the [Rainbrand Skill](https://docs.rainbrand.com/mcp/getting-started#standalone-rainbrand-skill) or the [plugin](https://github.com/rainbrandai/rainbrand-skills/releases/latest/download/rainbrand.cursor-plugin.zip). ### API 1. Create an API key in your account settings, then list your brands. ``` curl https://www.rainbrand.com/api/v1/brands -H "x-api-key: $RAINBRAND_API_KEY" ``` Integrating Rainbrand into your app? [Read the API docs](https://docs.rainbrand.com/api). ## More brand guidelines [See all brands](https://www.rainbrand.com/brand-guidelines/) - [Dropbox brand guidelines](https://www.rainbrand.com/brand-guidelines/dropbox/) Productivity software - [Linear brand guidelines](https://www.rainbrand.com/brand-guidelines/linear/) Productivity software - [Notion brand guidelines](https://www.rainbrand.com/brand-guidelines/notion/) Productivity software The brand layer for agents. Rainbrand builds and maintains shared brand context for your agents and products. [Get started](https://www.rainbrand.com/auth/sign-in) [Read the docs](https://docs.rainbrand.com/)