--- title: "Rippling brand guidelines: logo, colors and fonts" description: "Rippling’s logo, colors (#FFA81D, #4A0039, #7A005D), fonts (Basel Grotesk), voice, and dos and don’ts, with a Brand Skill for your agents." url: "https://www.rainbrand.com/brand-guidelines/rippling/" --- (Brand guidelines) // Business software # Rippling brand guidelines Rippling’s logo, colors, fonts, voice, and dos and don’ts, from the Brand Skill Rainbrand built from rippling.com. [Download the Brand Skill](https://www.rainbrand.com/brand-guidelines/rippling/rippling-brand-skill.zip) ![Rippling logo in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Frippling%2Frippling-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) - Orange #FFA81D - Plum #4A0039 - Berry #7A005D - Black #000000 ## About Rippling Rippling is a workforce platform that brings HR, payroll, IT, and finance together around shared employee data. Its brand communicates clarity, connected systems, and less friction in the work of running a business. ## Rippling logo - ![Rippling logo in black](https://www.rainbrand.com/_next/image?url=%2Fbrand-guidelines%2Frippling%2Frippling-wordmark.svg&w=3840&q=75&dpl=dpl_8zv7npXJR9sMH7dgRdivLL1jQMCy) Lockup · SVG [Download Rippling logo in black](https://www.rainbrand.com/brand-guidelines/rippling/rippling-wordmark.svg) Use Rippling’s logo, the ripple symbol beside the RIPPLING name, as the default. The standalone symbol is also an established brand mark; use it when a compact mark is more appropriate. Keep both marks distinct and legible, and choose a version suited to the background and available space. ## Rippling colors - Orange Signature accent and call-to-action buttons HEX #FFA81D Copy HEX RGB 255, 168, 29 Copy RGB - Plum Deep brand backgrounds and active states HEX #4A0039 Copy HEX RGB 74, 0, 57 Copy RGB - Berry Secondary buttons and accents HEX #7A005D Copy HEX RGB 122, 0, 93 Copy RGB - Black Logo and text HEX #000000 Copy HEX RGB 0, 0, 0 Copy RGB - Warm neutral Section and card backgrounds HEX #F2EEEB Copy HEX RGB 242, 238, 235 Copy RGB - White Page background HEX #FFFFFF Copy HEX RGB 255, 255, 255 Copy RGB ## Rippling fonts - Basel Grotesk Headings · 500, Body · 400 Font names only. The Brand Skill download doesn’t include font files. ## Rippling’s voice Write with directness and momentum. Lead with the business outcome, then make the value concrete: connected data, automation, speed, visibility, or less manual work. Keep language confident and plainspoken, and use short, memorable statements to frame bigger ideas. - “We free smart people to work on hard problems” - “Rippling eliminates the friction from running a business” - “When everything runs on one system, work moves faster” ## Dos and don’ts ### Do - Connect the platform story to practical outcomes such as simpler work, clearer reporting, and automation. - Write in active, direct language that moves from a customer need to a tangible benefit. - Use the full logo or the standalone symbol as the brand identifier, according to the space and context. - Use the signature orange for emphasis and plum and berry for depth in branded visuals. ### Don’t - Don’t describe Rippling as a disconnected bundle of tools; emphasize the shared platform and data foundation. - Don’t rely on vague claims where a specific benefit can be stated. - Don’t recolor, stretch, or redraw the ripple symbol or the RIPPLING name. ## More from the Brand Skill ### People imagery Rippling’s company and team imagery includes portraits against clean, often purple backdrops, as well as candid, approachable employee photography. For people-focused brand storytelling, favor natural expressions and uncluttered compositions that keep attention on the person. ### Imagery and backgrounds Use Rippling’s graphic language of dimensional, polished 3D forms, floating product tiles, abstract symbols, and connected systems. Purple and berry settings create depth; orange highlights add a sharp point of contrast. Use this language for brand-led backgrounds, illustrations, and campaign work. ### Product interface Rippling’s product is a core part of its visual identity. Show the real interface when illustrating product capabilities: legible tables, reports, workflows, employee records, and contextual prompts communicate how the platform works. Favor product views that show data and actions together, while keeping interface details credible and clear. ## Download Rippling’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 Rippling’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/rippling/rippling-brand-skill.zip) rippling-brand-skill/ ├ SKILL.md ├ README.md ├ references/ │ ├ dos-and-donts.md │ ├ colors.md │ ├ logo.md │ ├ typography.md │ ├ voice-and-copy.md │ ├ people-imagery.md │ ├ imagery-and-backgrounds.md │ └ product-interface.md └ assets/logos/ └ rippling-wordmark.svg Rainbrand’s Brand Agent built this Brand Skill from rippling.com on 30 Oct 2026. It isn’t Rippling’s official guide. Reviewed by Siddharth Borderwala, Founding Engineer at Rainbrand. Rippling and its logos are trademarks of Rippling People Center Inc. Rainbrand isn’t affiliated with or endorsed by Rippling People Center 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/) - [Attio brand guidelines](https://www.rainbrand.com/brand-guidelines/attio/) Business software - [Clay brand guidelines](https://www.rainbrand.com/brand-guidelines/clay/) Business software - [Mailchimp brand guidelines](https://www.rainbrand.com/brand-guidelines/mailchimp/) Business 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/)