ING color palette
FinanceING's brand identity is defined by its signature vibrant orange, complemented by a clean, minimal palette of white, dark gray, and supporting neutrals. The color system is designed for clarity, accessibility, and strong brand recognition across digital and print touchpoints.
ing.comING colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- ING OrangePrimary255, 98, 0
- ING Deep BlueSecondary0, 59, 92
- ING GoldAccent255, 181, 0
Surfaces
Page, cards and dividers.- ING WhiteBackground255, 255, 255
- ING Light GraySurface245, 245, 245
- ING Border GrayBorder224, 224, 224
Text
Three tiers of copy.- ING BlackText34, 34, 34
- ING Medium GraySecondary text102, 102, 102
- ING Muted GrayMuted text163, 163, 163
Semantic
Feedback and state colors.- ING Success GreenSuccess75, 181, 67
- ING Warning GoldWarning255, 181, 0
- ING Error RedError215, 38, 61
- ING Info BlueInfo0, 159, 218
Use ING's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ing-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FDA;
--error: #D7263D;
--accent: #FFB500;
--border: #E0E0E0;
--primary: #FF6200;
--success: #4BB543;
--surface: #F5F5F5;
--warning: #FFB500;
--secondary: #003B5C;
--text-muted: #A3A3A3;
--background: #FFFFFF;
--text-primary: #222222;
--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
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6: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.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
ING gray and neutral colors
The quiet part of the ING palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- ING WhiteBackground
- HEX
- RGB
- HSL
- ING Light GraySurface
- HEX
- RGB
- HSL
- ING Border GrayBorder
- HEX
- RGB
- HSL
- ING BlackText
- HEX
- RGB
- HSL
- ING Medium GraySecondary text
- HEX
- RGB
- HSL
- ING Muted GrayMuted text
- HEX
- RGB
- HSL
About ING's colors
ING's palette centers on a bold orange, symbolizing energy and approachability, balanced by deep blue and neutral grays for clarity and trust. The system is designed to ensure accessibility and high contrast across all media.
Primary orange is complemented by deep blue for contrast.
Neutrals provide balance and support legibility.
Accent gold and blue are used for highlights and alerts.
Psychology
Orange conveys friendliness, enthusiasm, and innovation, while blue adds a sense of trust and stability. The use of white and grays ensures a modern, open feel.
Evolution
ING's palette has remained consistent, with orange as the core brand color since its inception. Minor adjustments to supporting neutrals and accent colors have been made for digital accessibility and clarity.
Where ING uses each color
- Primary
ING Orange is used for logos, primary buttons, and key brand elements.
- Secondary
ING Deep Blue appears in navigation bars, footers, and as a contrasting background.
- Accent
ING Gold highlights important notifications, icons, and callouts.
- Backgrounds
White and light gray backgrounds are used throughout web and app interfaces for clarity.
- Text
ING Black and Medium Gray are used for primary and secondary text, ensuring readability.
- Semantic
Success green, warning gold, error red, and info blue are used for status messages and alerts.
ING color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official ING brand color is ING Orange, with the hex code #FF6200.
ING Orange is #FF6200, which is RGB(255, 98, 0) and CMYK(0, 62, 100, 0).
ING uses a range of grays including ING Light Gray (#F5F5F5), Border Gray (#E0E0E0), Medium Gray (#666666), and Muted Gray (#A3A3A3) for backgrounds, borders, and text.
Use ING Orange for primary actions and branding, with Deep Blue and neutrals for structure and readability. Semantic colors like Success Green (#4BB543) and Error Red (#D7263D) are reserved for status and alerts.
The secondary color is ING Deep Blue, #003B5C, and the accent is ING Gold, #FFB500. 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 ING's colors consistently when it generates UI.
Make something in the spirit of ING
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.