OnlyFans color palette
SocialOnlyFans uses a bright, distinctive blue as its primary color, complemented by white and neutral grays for a clean, modern interface. The palette is designed for clarity and approachability across its web and app platforms.
onlyfans.comOnlyFans colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- OnlyFans BluePrimary0, 175, 240
- OnlyFans Deep BlueSecondary5, 79, 122
- OnlyFans CoralAccent255, 127, 80
Surfaces
Page, cards and dividers.- OnlyFans WhiteBackground255, 255, 255
- OnlyFans Light GraySurface247, 248, 250
- OnlyFans Border GrayBorder229, 231, 235
Text
Three tiers of copy.- OnlyFans CharcoalText34, 47, 62
- OnlyFans Medium GraySecondary text107, 114, 128
- OnlyFans Muted GrayMuted text160, 174, 192
Semantic
Feedback and state colors.- OnlyFans GreenSuccess0, 196, 140
- OnlyFans YellowWarning255, 197, 66
- OnlyFans RedError255, 77, 79
- OnlyFans Info BlueInfo59, 161, 218
Use OnlyFans's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
onlyfans-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3BA1DA;
--error: #FF4D4F;
--accent: #FF7F50;
--border: #E5E7EB;
--primary: #00AFF0;
--success: #00C48C;
--surface: #F7F8FA;
--warning: #FFC542;
--secondary: #054F7A;
--text-muted: #A0AEC0;
--background: #FFFFFF;
--text-primary: #222F3E;
--text-secondary: #6B7280;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
13.6:1
Pass
Text on surface
Needs 4.5:1 for body text
12.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.5:1
Pass
Muted text on background
Needs 3:1 for large text
2.3:1
Fail
Muted text on surface
Needs 3:1 for large text
2.1:1
Fail
OnlyFans background, border and text colors
The quiet part of the OnlyFans palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- OnlyFans WhiteBackground
- HEX
- RGB
- HSL
- OnlyFans Light GraySurface
- HEX
- RGB
- HSL
- OnlyFans Border GrayBorder
- HEX
- RGB
- HSL
- OnlyFans CharcoalText
- HEX
- RGB
- HSL
- OnlyFans Medium GraySecondary text
- HEX
- RGB
- HSL
- OnlyFans Muted GrayMuted text
- HEX
- RGB
- HSL
About OnlyFans's colors
OnlyFans' palette is anchored by a vibrant blue, evoking trust and approachability, with supporting neutrals for clarity. Accent colors are used sparingly for notifications and calls to action.
Primary blue is complemented by deep blue for depth.
Neutral grays provide contrast for text and surfaces.
Accent coral highlights key actions and alerts.
Psychology
The blue primary color conveys reliability and openness, important for a platform focused on creator-fan relationships. Neutrals and soft accents keep the interface friendly and non-intimidating.
Evolution
OnlyFans' color palette has remained largely stable since its launch, with minor adjustments to neutral tones for improved accessibility. The primary blue has been a consistent brand identifier.
Where OnlyFans uses each color
- Primary
Used for the logo, primary buttons, and main navigation highlights.
- Secondary
Appears in hover states, secondary buttons, and some iconography.
- Accent
Used for notifications, promotional banners, and important calls to action.
- Backgrounds
White and light gray backgrounds are used throughout the app and website for content areas.
- Text
Charcoal and gray tones are used for primary, secondary, and muted text across the platform.
- Semantic
Green, yellow, and red are used for success, warning, and error states respectively in forms and notifications.
OnlyFans color questions
Hex codes, RGB values, neutrals and how to use the palette.
The OnlyFans primary color hex code is #00AFF0. This blue is used for branding and key interface elements.
OnlyFans Blue (#00AFF0) is RGB(0, 175, 240) and CMYK(100, 27, 0, 6). These values ensure color consistency across digital and print.
OnlyFans uses several neutrals, including OnlyFans Light Gray (#F7F8FA), Border Gray (#E5E7EB), and Charcoal (#222F3E) for backgrounds, borders, and text. These support a clean, readable interface.
Use OnlyFans Blue (#00AFF0) for primary actions and branding, with neutrals for backgrounds and text. Accent and semantic colors should be used sparingly for emphasis and status indicators.
The secondary color is OnlyFans Deep Blue, #054F7A, and the accent is OnlyFans Coral, #FF7F50. Together with the primary they make up the three brand colors at the top of this page.
4 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 OnlyFans's colors consistently when it generates UI.
Make something in the spirit of OnlyFans
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.