Oracle color palette
TechOracle's brand color system is defined by its iconic Oracle Red, complemented by a restrained palette of neutrals and supporting colors for clarity and professionalism. The palette emphasizes boldness, simplicity, and legibility across digital and print applications.
oracle.comOracle colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Oracle RedPrimary248, 0, 0
- Oracle BlackSecondary0, 0, 0
- Oracle BlueAccent0, 134, 191
Surfaces
Page, cards and dividers.- Oracle WhiteBackground255, 255, 255
- Oracle Light GraySurface245, 245, 245
- Oracle Border GrayBorder214, 214, 214
Text
Three tiers of copy.- Oracle Text BlackText26, 26, 26
- Oracle Text GraySecondary text102, 102, 102
- Oracle Muted GrayMuted text166, 166, 166
Semantic
Feedback and state colors.- Oracle Success GreenSuccess60, 179, 113
- Oracle Warning YellowWarning255, 180, 0
- Oracle Error RedError211, 47, 47
- Oracle Info BlueInfo25, 118, 210
Use Oracle's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
oracle-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #0086BF;
--border: #D6D6D6;
--primary: #F80000;
--success: #3CB371;
--surface: #F5F5F5;
--warning: #FFB400;
--secondary: #000000;
--text-muted: #A6A6A6;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Oracle gray and neutral colors
The quiet part of the Oracle palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Oracle WhiteBackground
- HEX
- RGB
- HSL
- Oracle Light GraySurface
- HEX
- RGB
- HSL
- Oracle Border GrayBorder
- HEX
- RGB
- HSL
- Oracle Text BlackText
- HEX
- RGB
- HSL
- Oracle Text GraySecondary text
- HEX
- RGB
- HSL
- Oracle Muted GrayMuted text
- HEX
- RGB
- HSL
About Oracle's colors
Oracle's color palette is centered on a vivid red, supported by neutral grays and black for clarity and accessibility. Accent blue and semantic colors are used sparingly to maintain focus and hierarchy.
Oracle Red is always dominant in branding and key actions.
Neutrals provide balance and legibility throughout UI.
Accent blue is reserved for highlights and links.
Psychology
The Oracle Red conveys energy, confidence, and authority, reinforcing the brand's leadership in technology. Neutral tones ensure professionalism and trust, while blue accents add a sense of reliability.
Evolution
Oracle's palette has remained remarkably stable, with Oracle Red as its defining feature for decades. Minor updates have refined the supporting neutrals for modern digital environments.
Where Oracle uses each color
- Primary
Oracle Red is used for logos, primary buttons, and key call-to-action elements.
- Secondary
Oracle Black appears in navigation bars, headings, and footer backgrounds.
- Accent
Oracle Blue is used for links, icons, and selected highlights in UI components.
- Backgrounds
Oracle White and Oracle Light Gray serve as main page and card backgrounds.
- Text
Oracle Text Black and Oracle Text Gray are used for primary and secondary text across interfaces.
- Semantic
Success, warning, error, and info colors are used for alerts, notifications, and status indicators.
Oracle color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Oracle brand color is Oracle Red, with the hex code #F80000.
Oracle Red is RGB (248, 0, 0) and CMYK (0, 100, 100, 0). The hex code is #F80000.
Oracle uses Oracle Light Gray (#F5F5F5), Oracle Border Gray (#D6D6D6), and Oracle Text Gray (#666666) for backgrounds, borders, and secondary text.
Use Oracle Red (#F80000) for primary branding and actions, neutrals for backgrounds and text, and accent or semantic colors only for highlights and status. Maintain high contrast for accessibility.
The secondary color is Oracle Black, #000000, and the accent is Oracle Blue, #0086BF. 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 Oracle's colors consistently when it generates UI.
Make something in the spirit of Oracle
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.