Audible color palette
EntertainmentAudible's color identity centers on a vibrant orange paired with deep grays and white, reflecting its energetic and accessible audio entertainment brand. The palette is designed for clarity, warmth, and strong visual hierarchy across digital and print applications.
audible.comAudible colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Audible OrangePrimary248, 153, 28
- Audible NavySecondary35, 47, 62
- Audible GoldAccent255, 215, 0
Surfaces
Page, cards and dividers.- Audible WhiteBackground255, 255, 255
- Audible Light GraySurface245, 246, 247
- Audible Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Audible Text NavyText35, 47, 62
- Audible Text GraySecondary text107, 114, 128
- Audible Muted GrayMuted text156, 163, 175
Semantic
Feedback and state colors.- Audible Success GreenSuccess46, 133, 64
- Audible Warning OrangeWarning248, 153, 28
- Audible Error RedError185, 28, 28
- Audible Info BlueInfo37, 99, 235
Use Audible's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
audible-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2563EB;
--error: #B91C1C;
--accent: #FFD700;
--border: #D1D5DB;
--primary: #F8991C;
--success: #2E8540;
--surface: #F5F6F7;
--warning: #F8991C;
--secondary: #232F3E;
--text-muted: #9CA3AF;
--background: #FFFFFF;
--text-primary: #232F3E;
--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.5: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
Fail
Muted text on background
Needs 3:1 for large text
2.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Audible background, border and text colors
The quiet part of the Audible palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Audible WhiteBackground
- HEX
- RGB
- HSL
- Audible Light GraySurface
- HEX
- RGB
- HSL
- Audible Border GrayBorder
- HEX
- RGB
- HSL
- Audible Text NavyText
- HEX
- RGB
- HSL
- Audible Text GraySecondary text
- HEX
- RGB
- HSL
- Audible Muted GrayMuted text
- HEX
- RGB
- HSL
About Audible's colors
Audible's palette uses a bold orange for energy and brand recognition, balanced by deep navy and neutral grays for readability and structure. The system ensures accessibility and a modern, inviting feel.
Primary orange is complemented by dark navy for contrast.
Neutral grays provide balance and hierarchy.
Accent gold highlights interactive elements.
Psychology
Orange conveys warmth, enthusiasm, and creativity, aligning with Audible's focus on storytelling and engagement. The navy and grays add professionalism and trustworthiness.
Evolution
Audible's palette has remained consistent, with orange as the anchor since its early branding. Minor adjustments to gray tones and accent colors have improved accessibility and digital clarity.
Where Audible uses each color
- Primary
Used for main call-to-action buttons, highlights, and logo.
- Secondary
Appears in navigation bars, footers, and backgrounds.
- Accent
Used for badges, highlights, and promotional banners.
- Backgrounds
White and light gray are used for main app and website backgrounds.
- Text
Navy and gray tones are used for primary and secondary text throughout the UI.
- Semantic
Green, orange, red, and blue are used for success, warning, error, and info states respectively.
Audible color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Audible primary color is #F8991C, known as Audible Orange. This color is used for key brand elements and call-to-action buttons.
Audible Orange (#F8991C) in RGB is (248, 153, 28). In CMYK, it is approximately (0, 38, 89, 3).
Audible uses several grays, including Audible Light Gray (#F5F6F7), Border Gray (#D1D5DB), Text Gray (#6B7280), and Muted Gray (#9CA3AF). These are used for backgrounds, borders, and secondary text.
Use Audible Orange (#F8991C) for primary actions and highlights, with navy and grays for backgrounds and text. Accent and semantic colors should be reserved for specific UI states and highlights.
The secondary color is Audible Navy, #232F3E, and the accent is Audible Gold, #FFD700. Together with the primary they make up the three brand colors at the top of this page.
3 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 Audible's colors consistently when it generates UI.
Make something in the spirit of Audible
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.