Kia color palette
AutomotiveKia’s brand color system is built around a deep navy primary, complemented by neutral grays and crisp whites for a modern, minimal automotive identity. The palette emphasizes clarity, sophistication, and a forward-thinking approach in all digital and physical touchpoints.
kia.comKia colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Kia Midnight BluePrimary5, 20, 31
- Kia Pure WhiteSecondary255, 255, 255
- Kia Signature RedAccent228, 0, 43
Surfaces
Page, cards and dividers.- Kia Light GrayBackground245, 247, 250
- Kia Panel GraySurface233, 236, 239
- Kia Divider GrayBorder201, 206, 214
Text
Three tiers of copy.- Kia Midnight BlueText5, 20, 31
- Kia Slate GraySecondary text75, 91, 107
- Kia Muted GrayMuted text139, 149, 161
Semantic
Feedback and state colors.- Kia Success GreenSuccess60, 179, 113
- Kia Warning YellowWarning255, 179, 0
- Kia Signature RedError228, 0, 43
- Kia Info BlueInfo20, 115, 230
Use Kia's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
kia-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1473E6;
--error: #E4002B;
--accent: #E4002B;
--border: #C9CED6;
--primary: #05141F;
--success: #3CB371;
--surface: #E9ECEF;
--warning: #FFB300;
--secondary: #FFFFFF;
--text-muted: #8B95A1;
--background: #F5F7FA;
--text-primary: #05141F;
--text-secondary: #4B5B6B;
}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
15.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.9:1
Pass
Muted text on background
Needs 3:1 for large text
2.8:1
Fail
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
Kia background, border and text colors
The quiet part of the Kia palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Kia Light GrayBackground
- HEX
- RGB
- HSL
- Kia Panel GraySurface
- HEX
- RGB
- HSL
- Kia Divider GrayBorder
- HEX
- RGB
- HSL
- Kia Midnight BlueText
- HEX
- RGB
- HSL
- Kia Slate GraySecondary text
- HEX
- RGB
- HSL
- Kia Muted GrayMuted text
- HEX
- RGB
- HSL
About Kia's colors
Kia’s palette is anchored by a deep navy, contrasted with white and subtle grays to create a clean, modern look. The signature red accent provides energy and draws attention to key actions.
Primary navy and white are used for maximum contrast and legibility.
Red accent highlights calls to action and important elements.
Grays support hierarchy and interface structure.
Psychology
The deep blue conveys trust, reliability, and sophistication, while the red accent adds dynamism and passion. The neutral grays and whites reinforce clarity and a contemporary aesthetic.
Evolution
Kia’s color palette shifted from a red-dominant scheme to a navy-led system with the 2021 rebrand. The current palette is more restrained and digital-friendly, emphasizing minimalism and clarity.
Where Kia uses each color
- Primary
Used for headers, navigation bars, and key brand elements across digital and print.
- Secondary
Applied to backgrounds, text, and as a contrast color for the primary navy.
- Accent
Highlights buttons, links, and important notifications or calls to action.
- Backgrounds
Light gray backgrounds are used in app screens, web pages, and vehicle UI displays.
- Text
Primary and secondary text colors are used for headings, body copy, and labels throughout the interface.
- Semantic
Success, warning, error, and info colors are used for status indicators, alerts, and feedback messages.
Kia color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Kia primary color hex code is #05141F, known as Kia Midnight Blue. This is used for key brand elements and navigation.
Kia Midnight Blue (#05141F) in RGB is (5, 20, 31). In CMYK, it is approximately (84, 35, 0, 88).
Kia uses several grays: Kia Light Gray (#F5F7FA), Kia Panel Gray (#E9ECEF), Kia Divider Gray (#C9CED6), and Kia Muted Gray (#8B95A1). These support backgrounds, surfaces, and muted text.
Use Kia Midnight Blue (#05141F) for primary branding and navigation, with Kia Pure White (#FFFFFF) and grays for backgrounds and surfaces. Kia Signature Red (#E4002B) is reserved for accents, calls to action, and error states.
The secondary color is Kia Pure White, #FFFFFF, and the accent is Kia Signature Red, #E4002B. 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 Kia's colors consistently when it generates UI.
Make something in the spirit of Kia
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.