Quora color palette
SocialQuora's color identity is defined by its distinctive deep red, paired with a clean white background and neutral grays for UI elements. The palette is minimal and consistent, emphasizing clarity and readability.
quora.comQuora colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Quora RedPrimary185, 43, 39
- Quora WhiteSecondary255, 255, 255
- Quora Light GrayAccent241, 242, 242
Surfaces
Page, cards and dividers.- Quora WhiteBackground255, 255, 255
- Quora Surface GraySurface248, 249, 249
- Quora Border GrayBorder209, 209, 209
Text
Three tiers of copy.- Quora CharcoalText40, 40, 40
- Quora Secondary GraySecondary text99, 100, 102
- Quora Muted GrayMuted text147, 149, 152
Semantic
Feedback and state colors.- Quora Success GreenSuccess45, 143, 75
- Quora Warning OrangeWarning245, 166, 35
- Quora Error RedError215, 38, 61
- Quora Info BlueInfo57, 113, 246
Use Quora's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
quora-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3971F6;
--error: #D7263D;
--accent: #F1F2F2;
--border: #D1D1D1;
--primary: #B92B27;
--success: #2D8F4B;
--surface: #F8F9F9;
--warning: #F5A623;
--secondary: #FFFFFF;
--text-muted: #939598;
--background: #FFFFFF;
--text-primary: #282828;
--text-secondary: #636466;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.7:1
Pass
Text on surface
Needs 4.5:1 for body text
14.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.6:1
Pass
Muted text on background
Needs 3:1 for large text
3.0:1
Pass
Muted text on surface
Needs 3:1 for large text
2.8:1
Fail
Quora gray and neutral colors
The quiet part of the Quora palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Quora WhiteBackground
- HEX
- RGB
- HSL
- Quora Surface GraySurface
- HEX
- RGB
- HSL
- Quora Border GrayBorder
- HEX
- RGB
- HSL
- Quora CharcoalText
- HEX
- RGB
- HSL
- Quora Secondary GraySecondary text
- HEX
- RGB
- HSL
- Quora Muted GrayMuted text
- HEX
- RGB
- HSL
About Quora's colors
Quora's palette is dominated by a strong, recognizable red, supported by neutral whites and grays for clarity. The use of color is restrained, focusing attention on content and usability.
Primary red contrasts with white for high readability.
Neutral grays support UI structure and hierarchy.
Accent colors are used sparingly for semantic feedback.
Psychology
The deep red conveys authority, trust, and a sense of urgency, aligning with Quora's mission of knowledge sharing. The neutral tones foster a professional and distraction-free environment.
Evolution
Quora's color palette has remained largely stable since its inception, with minor adjustments to gray tones for accessibility. The primary red has always been central to its brand identity.
Where Quora uses each color
- Primary
Quora Red is used for the logo, navigation bar, and primary action buttons.
- Secondary
Quora White is the main background color across the site and app.
- Accent
Quora Light Gray is used for input fields, cards, and subtle UI backgrounds.
- Backgrounds
Backgrounds are predominantly Quora White with Surface Gray for secondary panels.
- Text
Charcoal and gray tones are used for primary, secondary, and muted text throughout the interface.
- Semantic
Green, orange, red, and blue are reserved for success, warning, error, and informational states respectively.
Quora color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Quora primary color is Quora Red, with the hex code #B92B27.
Quora Red (#B92B27) in RGB is (185, 43, 39). For CMYK, it is approximately (0, 77, 79, 27).
Quora uses several neutral grays, including Quora Surface Gray (#F8F9F9), Border Gray (#D1D1D1), and Charcoal (#282828) for text and UI elements.
Use Quora Red (#B92B27) for branding and key actions, with white and grays for backgrounds and text. Semantic colors are reserved for status indicators and should not overpower the primary palette.
The secondary color is Quora White, #FFFFFF, and the accent is Quora Light Gray, #F1F2F2. Together with the primary they make up the three brand colors at the top of this page.
5 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Quora's colors consistently when it generates UI.
Make something in the spirit of Quora
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.