# Plain Brand Identity A complete profile of **Plain**'s visual system — colors, typography, components, and personality — extracted from [https://www.plain.com/](https://www.plain.com/). Built for designers, agents, and AI tools. ## Color Palette Brand palette extracted from https://www.plain.com/. - primary: #283A2E - secondary: #F3FBE9 - accent: #1AD379 - background: #FFFFFF - textPrimary: #0A2414 - link: #0A2414 ## Typography Each font links to its Google Fonts page where available. - primary: ABC Favorit Regular - heading: ABC Favorit Medium ### Fonts - [ABC Favorit Regular](https://fonts.google.com/specimen/ABC+Favorit+Regular) - [ABC Favorit Medium](https://fonts.google.com/specimen/ABC+Favorit+Medium) ## Visual Assets )%20%2F*%20%7B%26quot%3Bname%26quot%3B%3A%26quot%3BPrimary%20500%26quot%3B%7D%20*%2F%22%2F%3E%3Cpath%20d%3D%22M%2021.719%207.324%20C%2021.719%203.279%2018.442%200%2014.399%200%20L%208.692%200%20C%208.209%200%207.559%200.303%207.249%200.673%20L%202.235%206.651%20C%201.925%207.021%202.066%207.324%202.549%207.324%20L%209.625%207.324%20C%2013.517%207.324%2016.698%2010.363%2016.93%2014.198%20C%2019.726%2013.167%2021.719%2010.479%2021.719%207.324%20Z%22%20fill%3D%22var(--token-badee877-bebe-4e1a-baa9-390b8735ca84%2C%20rgb(26%2C%20211%2C%20121))%20%2F*%20%7B%26quot%3Bname%26quot%3B%3A%26quot%3BPrimary%20500%26quot%3B%7D%20*%2F%22%2F%3E%3Cpath%20d%3D%22M%2035.723%202.236%20C%2038.961%202.236%2042.07%204.412%2042.07%208.376%20C%2042.07%2012.34%2038.961%2014.516%2035.723%2014.516%20L%2032.925%2014.516%20L%2032.925%2020.371%20L%2029.039%2020.371%20L%2029.039%202.236%20Z%20M%2035.464%2010.993%20C%2037.07%2010.993%2038.158%2010.008%2038.158%208.376%20C%2038.158%206.744%2037.07%205.785%2035.464%205.785%20L%2032.925%205.785%20L%2032.925%2010.993%20Z%20M%2044.494%2020.371%20L%2044.494%202.236%20L%2048.172%202.236%20L%2048.172%2020.371%20Z%20M%2050.855%2013.765%20C%2050.855%209.982%2053.446%207.029%2057.358%207.029%20C%2058.912%207.029%2060.363%207.547%2061.451%208.454%20L%2061.451%207.158%20L%2065.104%207.158%20L%2065.104%2020.371%20L%2061.451%2020.371%20L%2061.451%2019.076%20C%2060.363%2019.982%2058.912%2020.501%2057.358%2020.501%20C%2053.446%2020.501%2050.855%2017.547%2050.855%2013.765%20Z%20M%2061.451%2013.765%20C%2061.451%2011.718%2059.974%2010.215%2057.98%2010.215%20C%2055.959%2010.215%2054.508%2011.718%2054.508%2013.765%20C%2054.508%2015.811%2055.959%2017.314%2057.98%2017.314%20C%2059.974%2017.314%2061.451%2015.811%2061.451%2013.765%20Z%20M%2069.911%2020.371%20L%2069.911%2010.449%20L%2067.553%2010.449%20L%2067.553%207.158%20L%2073.59%207.158%20L%2073.59%2020.371%20Z%20M%2069.652%203.519%20C%2069.652%202.405%2070.61%201.472%2071.75%201.472%20C%2072.864%201.472%2073.849%202.405%2073.849%203.519%20C%2073.849%204.737%2072.89%205.669%2071.75%205.669%20C%2070.61%205.669%2069.652%204.737%2069.652%203.519%20Z%20M%2076.92%2020.371%20L%2076.92%207.158%20L%2080.599%207.158%20L%2080.599%208.842%20C%2081.505%207.702%2082.93%207.029%2084.692%207.029%20C%2088.111%207.029%2090.184%209.386%2090.184%2013.635%20L%2090.184%2020.371%20L%2086.532%2020.371%20L%2086.532%2014.127%20C%2086.532%2011.718%2085.495%2010.319%2083.578%2010.319%20C%2081.609%2010.319%2080.599%2011.744%2080.599%2014.127%20L%2080.599%2020.371%20Z%22%20fill%3D%22var(--token-badee877-bebe-4e1a-baa9-390b8735ca84%2C%20rgb(26%2C%20211%2C%20121))%20%2F*%20%7B%26quot%3Bname%26quot%3B%3A%26quot%3BPrimary%20500%26quot%3B%7D%20*%2F%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E) Logo Favicon Social Card ## UI Components Live previews rendered using Plain's actual button styles. - **Button Primary**: - background: #1AD379 - textColor: #0000EE - borderRadius: 6px - shadow: none - **Button Secondary**: - background: #F3FBE9 - textColor: #0000EE - borderRadius: 6px - shadow: none ## Brand Personality - **Tone**: modern - **Energy**: medium - **Audience**: B2B professionals ## Plain Brand in the Wild Source: [plain.com](https://www.plain.com/changelog/ai-labels-and-summaries) Source: [plain.com](https://www.plain.com/blog) Source: [help.plain.com](https://help.plain.com/article/security) Source: [plain.com](https://www.plain.com/blog) Source: [plain.com](https://www.plain.com/blog/moving-to-local-first-state-management) Source: [plain.com](https://www.plain.com/blog/a-magical-aws-serverless-developer-experience) ## Frequently Asked Questions 1. **What is Plain's primary brand color?** Plain's primary brand color is #283A2E. It anchors the visual identity across their website, product UI, and marketing materials. 2. **What accent color does Plain use?** Plain uses #1AD379 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis. 3. **What font does Plain use?** Plain uses ABC Favorit Regular for body text and ABC Favorit Medium for headings. Fonts were detected on https://www.plain.com/ as part of their live design system. 4. **Does Plain use a light or dark theme?** Plain's primary site uses a light color scheme, with a background of #FFFFFF. 5. **Where can I find Plain's logo?** Plain's logo is available directly on their site (https://www.plain.com/). The current logo URL is included in the machine-readable JSON profile linked above. 6. **How was this brand profile generated?** This profile was extracted from https://www.plain.com/ 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 Plain. ## Methodology Brand data on this page was extracted from [https://www.plain.com/](https://www.plain.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Plain.